File Tree

Renders a hierarchical structure of files and folders.

Docs

API Reference

Dependencies

@radix-ui/react-collapsible: v1.1.1

favicon.ico

index.html

package.json

Installation

npx @kosori/cli add components file-tree

Usage

import {
  File,
  FileTree,
  Folder,
  FolderFiles,
  FolderName,
} from '~/components/ui/file-tree';

<FileTree>
  <Folder>
    <FolderName>app</FolderName>
    <FolderFiles>
      <File>layout.tsx</File>
      <File>page.tsx</File>
    </FolderFiles>
  </Folder>
</FileTree>

Reference

File

Prop	Type	Default
`icon`	`ReactNode`	`<FileIcon />`

File Tree

Installation

Usage

Reference

File

On this page