Files

Display file structure in your documentation

layout.tsx

page.tsx

global.css

package.json

it is an optional component which won't be loaded by default.

Usage

Wrap file components in Files.

import { File, Files } from 'next-docs-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`	-
`defaultOpen`	`boolean`	-
`icon`	`ReactNode`	-
`children`	`ReactNode`	-

Files

Usage

On this page