Elements

Reference

Tree Select

A tree behind a field: the control reads like an input, the vessel below walks the hierarchy, and one leaf click closes the deal. Single selection — the chosen label rides on the control, its value rides in `modelValue`. `filterable` puts a filter line at the top of the vessel; matches keep their ancestors and the branches fan open.

Body · Chevron · Content · Control · Empty · Root

#TreeSelect

A tree behind a field: the control reads like an input, the vessel below walks the hierarchy, and one leaf click closes the deal. Single selection — the chosen label rides on the control, its value rides in modelValue. filterable puts a filter line at the top of the vessel; matches keep their ancestors and the branches fan open.

PropTypeDefaultDescription
modelValueStringundefined—
dataArray as PropType<TreeSelectNode[]>—
placeholderString"Select…"—
filterableBooleanfalse—
disabledBooleanfalse—
invalidBooleanfalse—
sizeString as PropType<"sm" | "md" | "lg">"md"One rung of the ladder: the trigger height and the vessel's row register follow it together.