Navigation
Overlays
Select
Dropdown selection component with trigger, value display, and options list. Supports groups, labels, and disabled options.
Import
Live Demo
Dropdown selection with groups and separators.
Select variants matrix (Figma 21141:27646)
| State | default | sm |
|---|---|---|
| Default | ||
| Focus | ||
| Filled | ||
| Filled (Focus) | ||
| Disabled | ||
| Invalid |
Select menu item matrix (Figma 21141:28849)
| Variant | Default | Hover |
|---|---|---|
| Default | Select Item | Select Item |
| Checkbox | Select Item | Select Item |
Trigger states
Open menus
Props
| Name | Type | Default | Description |
|---|---|---|---|
| value | string | — | Currently selected value |
| placeholder | string | — | Text shown when no value selected |