diff --git a/components/document/headerDocument.tsx b/components/document/headerDocument.tsx
index 092e0ce..0916722 100644
--- a/components/document/headerDocument.tsx
+++ b/components/document/headerDocument.tsx
@@ -1,10 +1,12 @@
 import Styles from "@/constants/Styles"
 import { MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { useState } from "react"
-import { View } from "react-native"
+import { ToastAndroid, View } from "react-native"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
+import { InputForm } from "../inputForm"
 import MenuItemRow from "../menuItemRow"
+import ModalFloat from "../modalFloat"
 
 type Props = {
    id: string | string[] | undefined | null
@@ -12,6 +14,8 @@ type Props = {
 
 export default function HeaderRightDocument({ id }: Props) {
    const [isVisible, setVisible] = useState(false)
+   const [newFolder, setNewFolder] = useState(false)
+
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
@@ -22,6 +26,7 @@ export default function HeaderRightDocument({ id }: Props) {
                   title="Tambah Dokumen"
                   onPress={() => {
                      setVisible(false)
+                     setNewFolder(true)
                   }}
                />
 
@@ -34,6 +39,15 @@ export default function HeaderRightDocument({ id }: Props) {
                />
             </View>
          </DrawerBottom>
+         <ModalFloat title="Buat Folder Baru" isVisible={newFolder} setVisible={setNewFolder}
+            onSubmit={() => {
+               setNewFolder(false)
+               ToastAndroid.show('Berhasil membuat folder baru', ToastAndroid.SHORT)
+            }}>
+            <View>
+               <InputForm type="default" placeholder="Nama Folder" required label="Nama Folder" />
+            </View>
+         </ModalFloat>
       </>
    )