TreeSelect
Forms

TreeSelect.

Select multiple nested categories and search a hierarchy.

Real interactive component
Live demo

Selected: guides

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.

7 props
ParameterTypeRequiredDefaultPossible valuesDescription
nodesTreeSelectNode[]Yes——Hierarchical entries with ID, label and children.
valuestring[]Yes——Currently selected IDs.
onValueChange(ids: string[]) => voidYes——Called on selection changes.
multiplebooleanNofalsetrue · falseAllow multiple selected nodes.
labelstringNoChoose item—Accessible tree name.
disabledbooleanNofalsetrue · falseDisable selection.
classNamestringNo——Additional CSS class on the outer component element.