Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/tree.json
Usage
import { Tree } from "@/components/ui/tree";<Tree
defaultExpanded={["src"]}
nodes={[
{
key: "src",
label: "src",
children: [
{ key: "index", label: "index.ts" },
{ key: "utils", label: "utils.ts" },
],
},
{ key: "pkg", label: "package.json" },
]}
/>API Reference
Tree
| Prop | Type | Default |
|---|---|---|
nodes | TreeNode[] | required |
onSelect | (node: TreeNode) => void | undefined |
defaultExpanded | string[] | [] |
expandedIcon | string | "▼" |
collapsedIcon | string | "▶" |
leafIcon | string | "•" |
TreeNode
| Prop | Type | Default |
|---|---|---|
key | string | required |
label | string | required |
children | TreeNode[] | undefined |
icon | string | undefined |