Select
Single-value dropdown built on reka-ui. For pickers that need search across many options, use Combobox instead.
Default
Trigger, value placeholder, then SelectItem rows inside Content.
With groups
Group options with SelectGroup and SelectLabel. Labels are visual separators, not selectable.
Disabled
The disabled attribute on the Select root disables the trigger.
API Reference
Props, events, and slots for each sub-component.
Select
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | — | Selected value. Supports v-model. |
| defaultValue | string | — | Starting value when v-model is not used. |
| disabled | boolean | false | Disable the entire select. |
SelectTrigger / SelectContent
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Use class to set trigger width (e.g. w-[220px]). |