File Tree

A compact repository tree with selection, nesting, expansion, and change status.

Installation

Add the component source directly to your project.

pnpm dlx shadcn@latest add https://pastaui.com/r/file-tree.json

File Tree properties
Prop	Type	Default	Description
`items`	`FileTreeItem[]`	—	Provides visible files, folders, nesting, and change state.
`selectedId`	`string`	—	Marks the currently selected node.
`onSelect`	`(id: string) => void`	—	Handles file or folder selection.