Files

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`	-

Usage

On this page