Tree
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| items * | readonly TreeItem[] | — | Tree data. |
| expanded | ReadonlySet<string> | undefined | — | Controlled set of expanded node ids. |
| defaultExpanded | readonly string[] | undefined | — | Default expanded ids (uncontrolled). |
| onExpandedChange | ((expanded: ReadonlySet<string>) => void) | undefined | — | Fires with the new expanded set whenever a node toggles. |
| value | string | undefined | — | Controlled selected node id. |
| defaultValue | string | undefined | — | Default selected (uncontrolled). |
| onValueChange | ((id: string) => void) | undefined | — | Fires with the selected node id. |