Files

A component that allows you to display a list of files and folders.

package.json

Installation

Usage

<Files>
  <Folder name="Folder 1">
    <File name="file1.txt" />
    <File name="file2.txt" />
  </Folder>
  <Folder name="Folder 2">
    <File name="file3.txt" />
    <File name="file4.txt" />
  </Folder>
</Files>

Examples

Files Advanced

Open in

package.json

Props

Files

Prop	Type	Default
`sideComponent?`	`React.ReactNode`	-
`onOpenChange?`	`function`	-
`open?`	`string[]`	-
`defaultOpen?`	`string[]`	-
`activeClassName?`	`string`	-
`className?`	`string`	-
`children`	`React.ReactNode`	-

Folder

Prop	Type	Default
`onOpenChange?`	`function`	-
`open?`	`string[]`	-
`defaultOpen?`	`string[]`	-
`className?`	`string`	-
`children?`	`React.ReactNode`	-
`name`	`string`	-

File

Prop	Type	Default
`name`	`string`	-
`className?`	`string`	-

Credits

Credits to Fumadocs for the inspiration

Built by Skyleen. The source code is available on GitHub.

Files

app

components

app

components

On this page