Primitives
Tree
Accessible tree view with roving keyboard navigation, single/multi selection, and animated disclosure.
Composition
The preferred shape for composing the installed primitive from its exported parts.
Branching tree
TreeItem owns each row; nested TreeItemContent contains child items.
Tree├── TreeItem│ ├── TreeItemTrigger│ │ ├── TreeItemIndicator│ │ └── TreeItemLabel│ └── TreeItemContent│ └── TreeItem└── TreeItemThe refined source installs this primitive from src/registry/sources/refined/ui/tree.tsx. Install it on its own with the command above, or inspect the source below.
npx shadcn@latest add http://127.0.0.1:3000/r/refined/tree.jsonRaw code
Primary installed primitive source
Tree slot
src/registry/sources/refined/ui/tree.tsx