Select
Dropdown select built on Radix UI Select primitives. Composed from Select, SelectTrigger, SelectContent, SelectItem, and SelectValue for full control over structure and styling.
Basic
Preview
Props
Props for the Select root component.
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | - | Controlled selected value. |
| defaultValue | string | - | Default selected value for uncontrolled usage. |
| onValueChange | (value: string) => void | - | Callback fired when the selected value changes. |
| disabled | boolean | false | Whether the select is disabled. |
Accessibility
- Built on Radix UI Select which provides full WAI-ARIA combobox pattern compliance
- Trigger is keyboard-focusable and opens the listbox with
Enter,Space, or arrow keys - Options are navigable via arrow keys with automatic focus management
- Selected value is announced to screen readers via
aria-selected - Pressing
Escapecloses the dropdown and returns focus to the trigger