Select

Select provides an anchored menu for choosing one or many options, with optional icons, filtering, and validation text.

Coffee

Props

Name	Description	Default	Control
`label`Optional	Visible label. If omitted, provide aria-label via attrs. `string \| undefined`	`undefined`
`id`Optional	Optional explicit id for the trigger element. `string \| undefined`	`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`	`undefined`
`error`Optional	Error text shown below the field. When provided, field is invalid. `string \| undefined`	`undefined`
`disabled`Optional	Whether the control is disabled. `boolean \| undefined`	`false`
`required`Optional	Whether the control is required. `boolean \| undefined`	`false`
`name`Optional	Name used for hidden inputs during form submission. `string \| undefined`	`undefined`
`placeholder`Optional	Placeholder shown when nothing is selected. `string \| undefined`	`undefined`
`multiple`Optional	Enables multi-select behavior. `boolean \| undefined`	`false`	-
`menuColor`Optional	Visual color style of the dropdown menu. `MenuColor \| undefined`	`"standard"`	-
`displaySeparator`Optional	Separator used when showing multiple selected labels. `string \| undefined`	`", "`
`filterable`Optional	Enables a filter field inside the menu to narrow long option lists. `boolean \| undefined`	`false`
`filterPlaceholder`Optional	Placeholder shown in the menu filter field. `string \| undefined`	`"Filter options"`
`filterNoResultsText`Optional	Message shown when filtering returns no matching options. `string \| undefined`	`"No matching options"`
`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

Coffee

Without Icons

Coffee

Filtering

State

Configurations

Coffee

Single selection

Beans to restock

Multiple selection stays open after each pick.

Coffee

Selection required

Select ​

Props

Events

Slots

Default ​

Without Icons ​

Filtering ​

Configurations ​

Select

Default

Without Icons

Filtering

Configurations