Combobox
Lets users choose from available options or type their own. Provides clear, responsive feedback for every interaction.
Simple
With Icons
Grouped Options
Custom Render
Custom Option Slots
Props
| Name | Default | Type |
|---|---|---|
variant | "subtle" | ComboboxVariant Visual style of the combobox |
options | [] | ComboboxOption[] List of options to display |
modelValue | - | string | null Currently selected value (v-model) |
placeholder | - | string Placeholder text shown when no value is selected |
disabled | - | boolean Disables the combobox |
openOnFocus | - | boolean Opens the dropdown when the input is focused |
openOnClick | - | boolean Opens the dropdown when the input is clicked |
placement | - | "start" | "center" | "end" Dropdown placement relative to the input |
Slots
| Slot | Payload |
|---|---|
prefix | - Custom content rendered before the input (left side) |
Emit Events
| Event | Payload |
|---|---|
update:modelValue | [] |
update:selectedOption | [] |
focus | [] |
blur | [] |
input | [] |