Skip to content

Select ​

Overview ​

Root of a Select widget. Wrap with SelectTrigger and SelectContent.

Props ​

NameTypeRequiredDefaultDescription
modelValuestring|number|boolean|object|arrayundefinedThe controlled value. Can be bound with v-model.
defaultValuestring|number|boolean|object|arrayundefinedInitial value when uncontrolled.
openbooleanundefinedThe controlled open state. Can be bound with v-model:open.
defaultOpenbooleanundefinedInitial open state when uncontrolled.
bystring|funcundefinedField for object comparison, or a custom comparison function.
dirstringundefinedReading direction.
multiplebooleanundefinedWhether multiple options can be selected.
autocompletestringundefinedNative autocomplete attribute.
disabledbooleanundefinedWhen true, prevents user interaction.
namestringundefinedName for form submission.
requiredbooleanundefinedWhether the field is required.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
update:modelValueEmitted when the value changes.
update:openEmitted when the open state changes.

Full event reference

Source ​

client/lib/controls/select/Select.vue