TreeView.
Expandable project and folder navigation with accessible roving keyboard focus.
Selected: pura. Use arrow keys to explore.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
nodes | TreeNode[] | Yes | — | — | Nested tree entries with id, label, icon, disabled and children. |
value | string | No | — | — | Controlled selected entry ID. |
onValueChange | (id: string) => void | No | — | — | Triggered on selection. |
defaultExpanded | string[] | No | [] | — | Initially expanded node IDs. |
label | string | No | Tree navigation | — | Accessible tree name. |
className | string | No | — | — | Additional styling. |