Component

Tree

Navigates hierarchical items with expand/collapse, single or multiple selection, typeahead, and full keyboard support.

$pnpm dlx @stalk-ui/cli add @stalk-ui/tree

<FileTree />

Prop	Type	Required	Default	Description
`nodes`	`readonly TreeNode[]`	Yes	-	-
`expanded`	`readonly string[]`	No	-	Expanded branch ids (controlled).
`defaultExpanded`	`readonly string[]`	No	-	-
`onExpandedChange`	`(expanded: string[]) => void`	No	-	-
`selectionMode`	`'single' \	'multiple'`	No	-
`selected`	`readonly string[]`	No	-	Selected node ids (controlled).
`defaultSelected`	`readonly string[]`	No	-	-
`onSelectedChange`	`(selected: string[]) => void`	No	-	-
`variant`	`'ghost' \	'solid' \	'outline'`	No
`size`	`'micro' \	'sm' \	'md' \	'lg'`
`radius`	`'none' \	'sm' \	'md' \	'lg' \
`fullWidth`	`boolean`	No	-	Rows span the tree's full width at every depth — equal boxes with aligned<br />edges — and the indent moves inside the row.
`guides`	`boolean`	No	-	Draw indentation guide lines along nested groups.
`typeahead`	`boolean`	No	-	Typing jumps focus to the next row starting with the typed characters. Defaults to \`true\`.
`'aria-label'`	`string`	No	-	Accessible name for the tree.

Install