MultiSelect

[]

Custom button template:

[]

With option key:

[ "falafel" ]

With option selectAll:

[]

Without dropdown icon:

Usage

API

Props

PropTypeDefaultDescription
v-modelArray[]Selected values (objects or keys)
optionsArray[]Array of option objects
optionLabelString"label"Property name for display text
optionKeyString""Property name for value key
placeholderString"Select"Placeholder when nothing selected
selectedLabelString"%n selected"Button label template (%n = count)
selectAllLabelString""Label for "Select All" option. Empty disables it.
disabledBooleanfalseDisable the select
searchThresholdNumberInfinityShow search filter when options exceed this count
showDropdownBooleantrueShow dropdown chevron icon
requiredBooleanfalseRequired for form validation

Events

EventPayloadDescription
selectArrayEmitted when selection changes
close-Emitted when dropdown closes