Files

Docs

Files

Display file structure in your documentation

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

File Structure

layout.tsx

page.tsx

global.css

package.json

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

Last updated on

Code Block

Heading

Usage

On this page