Tree select

A hierarchical, async, searchable select. Data is supplied through a TreeSelectProvider (HTTP or in-memory); selection is held as full TreeNode objects bound with v-model.

Single — server search

Roots, lazy children and search are fetched from /api/treeItems. Type to search server-side.

Selected: —

Multiple — chips

mode="multiple" renders each selection as a removable chip. Backed by an in-memory sample tree.

Selected: —

Checkbox — cascade

mode="checkbox" with :cascade-select="true": checking a parent selects its loaded descendants, and a parent becomes indeterminate when only some children are selected.

Selected: —

Button variant — clearable

variant="button" opens a panel with an inline search box; :show-clear="true" adds a clear affordance once a value is selected.

Selected: —