Files
Display file structure in your documentation
page.tsx
layout.tsx
page.tsx
global.css
package.json
Usage
Wrap file components in Files.
import { File, Folder, Files } from 'fumadocs-ui/components/files';
<Files>
<Folder name="app" defaultOpen>
<File name="layout.tsx" />
<File name="page.tsx" />
<File name="global.css" />
</Folder>
<Folder name="components">
<File name="button.tsx" />
<File name="tabs.tsx" />
<File name="dialog.tsx" />
</Folder>
<File name="package.json" />
</Files>File
| Prop | Type | Default |
|---|---|---|
icon? | ReactNode | - |
name | string | - |
Folder
| Prop | Type | Default |
|---|---|---|
defaultOpen? | boolean | false |
disabled? | boolean | - |
name | string | - |
How is this guide?
Last updated on