Reference
Cascade Select
A corridor of linked columns: pick a branch and the next column dissolves open beside it, until a leaf click settles the whole path. `modelValue` is the selected path (or paths, when `multiple`) — the joined labels ride the trigger. `highlightTrigger: "hover"` turns the classic cascading menu: pointing is enough to unfold. `filterable` swaps the corridor for a flat list of matching paths while a query runs — each hit still reads as its full route.
BranchIndicator · Content · Control · Corridor · Empty · Indicator · Item · ItemIndicator · List · Match · Root · Search · Trigger · ValueText
#CascadeSelect
A corridor of linked columns: pick a branch and the next column
dissolves open beside it, until a leaf click settles the whole path.
modelValue is the selected path (or paths, when multiple) — the
joined labels ride the trigger. highlightTrigger: "hover" turns the
classic cascading menu: pointing is enough to unfold. filterable
swaps the corridor for a flat list of matching paths while a query
runs — each hit still reads as its full route.
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | Array as PropType<string[][]> | undefined | — |
data | Array as PropType<CascadeSelectNode[]> | — | |
placeholder | String | "Select…" | — |
highlightTrigger | String as PropType<"click" | "hover"> | undefined | — |
filterable | Boolean | false | — |
multiple | Boolean | false | — |
disabled | Boolean | false | — |
invalid | Boolean | false | — |
size | String as PropType<"sm" | "md" | "lg"> | "md" | One rung of the control-height ladder for the trigger. |