Files

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

package.json

Installation

Examples

Files Advanced

package.json

Props

Files

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

Folder

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

File

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

Credits

Credits to Fumadocs for the inspiration

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