data contract
TreeView
Expandable hierarchy — files, org charts, nested categories.
Variants
- default
- Chevron + label
- with-icon
- Folder/file icons next to chevron
- multi-select
- Checkboxes on each node
Sizes
- sm
- md
Example
<TreeView nodes={fileTree} onSelect={openFile} />Usage rule
role="tree" + role="treeitem". Use Radix or the WAI-ARIA tree pattern.
The full TreeView contract has 4 more rules, plus the do-not patterns. Get the full recipe.