Single and multiple choice from a known set. Uses a popover listbox with optional filtering, grouping, and tag display.
A basic single-select in its resting state.
Click the trigger to open the listbox. Options are rendered as rows.
Options with data-group render under group headings in first-appearance order.
With 12+ options, a filter input appears automatically. Type to narrow results.
In multiple mode, selected values appear as tags (up to the tag-threshold).
When selections exceed tag-threshold (default 3), the trigger shows "N selected".
When the filter matches no options, an empty state message is shown.
Three size variants: sm, md (default), and lg.
An invalid state with a custom error message.
A disabled select cannot be interacted with.
When placement="top", the listbox opens above the trigger.
The select in dark theme. All colors resolve through theme tokens.