Tree
GraphTree
Nested tree with branch glyphs. Accent a node to highlight it.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-tree.jsonRegistry
Nested nodes. Accent the file you care about.
- registry/default
- graph-frame
- graph-frame.tsxui
- graph-motion.tslib
- graph-tree
- graph-tree.tsxui
Team
Same component. Org chart, not a filesystem.
- platform
- apipriya
- workersjon
- edgemina
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| nodes | TreeNode[] | — | Nested nodes. Each may have label, meta, accent, and children. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |