MultiSelect
0 selected
[]Custom button template:
Selected 0 items
[]With option key:
0 selected
[ "falafel" ]With option selectAll:
0 selected
[]Without dropdown icon:
0 selected
Usage
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| v-model | Array | [] | Selected values (objects or keys) |
| options | Array | [] | Array of option objects |
| optionLabel | String | "label" | Property name for display text |
| optionKey | String | "" | Property name for value key |
| placeholder | String | "Select" | Placeholder when nothing selected |
| selectedLabel | String | "%n selected" | Button label template (%n = count) |
| selectAllLabel | String | "" | Label for "Select All" option. Empty disables it. |
| disabled | Boolean | false | Disable the select |
| searchThreshold | Number | Infinity | Show search filter when options exceed this count |
| showDropdown | Boolean | true | Show dropdown chevron icon |
| required | Boolean | false | Required for form validation |
Events
| Event | Payload | Description |
|---|---|---|
| select | Array | Emitted when selection changes |
| close | - | Emitted when dropdown closes |
