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