Select
UIDropdown select built on Radix UI with keyboard navigation and design tokens.
[EXAMPLES]
Basic Usage
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| value | string | — | Controlled selected value |
| onValueChange | (value: string) => void | — | Callback when selection changes |
| placeholder | string | — | Placeholder text |
| disabled | boolean | false | Disable the select |
[ACCESSIBILITY]
KEYBOARD SHORTCUTS
| KEY | ACTION |
|---|---|
| Enter / Space | Open/close dropdown |
| Arrow Down/Up | Navigate options |
| Escape | Close dropdown |
ARIA
- >role="combobox" on trigger
- >role="listbox" on content
- >aria-expanded on trigger