Combobox

Combobox combines free-form text entry with option picking, making it useful for searchable single- and multi-select flows.

State

Props

Name	Description	Default	Control
`disabled`Optional	Whether the control is disabled. `boolean \| undefined`	-
`name`Optional	Name used for hidden inputs during form submission. `string \| undefined`	-
`multiple`Optional	Enables multi-select behavior. `boolean \| undefined`	-	-
`label`Optional	Visible label. If omitted, provide aria-label via attrs. `string \| undefined`	-
`id`Optional	Optional explicit id for the trigger element. `string \| undefined`	-
`options`Required	Selectable options rendered in the menu. `SelectOption[]`	-	-
`description`Optional	Supporting text shown below the field when not in error state. `string \| undefined`	-
`error`Optional	Error text shown below the field. When provided, field is invalid. `string \| undefined`	-
`required`Optional	Whether the control is required. `boolean \| undefined`	-
`placeholder`Optional	Placeholder shown when nothing is selected. `string \| undefined`	-
`menuColor`Optional	Visual color style of the dropdown menu. `MenuColor \| undefined`	-	-
`displaySeparator`Optional	Separator used when showing multiple selected labels. `string \| undefined`	-
`filterPlaceholder`Optional	Placeholder shown in the menu filter field. `string \| undefined`	-
`filterNoResultsText`Optional	Message shown when filtering returns no matching options. `string \| undefined`	-
`modelValue`Optional	- `SelectModelValue`	-	-
`open`Optional	- `boolean \| undefined`	`false`

Events

Name	Type	Description
`update:modelValue`	`[value: SelectModelValue]`	-
`update:open`	`[value: boolean]`	-
`change`	`[value: SelectModelValue]`	-
`focus`	`[event: FocusEvent]`	-
`blur`	`[event: FocusEvent]`	-

Slots

Name	Parameters	Description
`leading`	-	-
`prefix`	-	-
`suffix`	-	-
`trailing`	-	-
`optionLeading`	-	-
`optionTrailing`	-	-

Default

State

Multiple Selection

States