Searchable select

Component name: <v-searchable-select>

Examples

String options

Object options

Grouped options

Async options based on search query

Small

API

Name Type Description Default
options Array The options available for selection. Can be an array of strings or objects. -
value Object|String The value of the selected option. -
placeholder String Placeholder text shown when input field is empty. -
description String Helper text -
error String Error message -
invalid Boolean Wether or not the field is invalid. Shows error message if invalid. false
option-id String When options is an array of objects, option-id names the object property used to identify individual options. The property must thus be unique across all options. -
label String When options is an array of objects, label names the object property used to display the option. -
group-values String When options contains groups of options, group-values names the object property holding the options of a group. -
group-label String When options contains groups of options, group-label names the object property used to display the group label. -
url String Set this property to load options asynchronously based on the user's search query. The supplied url must contain a {query} placeholder. -
small Boolean Wether or not the field is smaller. false
gray Boolean Wether or not the field has a gray background. false