Select
A custom select component with keyboard navigation and grouping support.
Usage
With Groups
Sub-components
SelectTrigger
Button that opens the dropdown.
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'default' | 'default' | Trigger button size. |
SelectContent
Dropdown panel containing options.
| Prop | Type | Default | Description |
|---|---|---|---|
position | 'popper' | 'popper' | Positioning strategy. |
SelectItem
Individual selectable option.
| Prop | Type | Default | Description |
|---|---|---|---|
value* | string | - | The option value. |
disabled | boolean | - | Disable this option. |
SelectValue
Displays the currently selected value.
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | - | Text shown when no value is selected. |
SelectGroup
Groups related options together.
SelectLabel
Label heading for a group.
SelectSeparator
Visual divider between groups.
SelectScrollUpButton
Scroll-up button for long option lists.
SelectScrollDownButton
Scroll-down button for long option lists.