Select
Accessible dropdown built on Radix UI Select with grouped options, custom trigger, and portal rendering.
Installation
Examples
Default
Basic select with placeholder and options.
With groups
Grouped options using SelectGroup and SelectLabel.
States
Disabled and invalid states.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Controlled selected value. |
| onValueChange | (v: string) => void | — | Called when selection changes. |
| placeholder | string | — | Shown when no value is selected. |
| disabled | boolean | false | Disables the select. |
| size | 'sm'|'md'|'lg' | 'md' | Controls height and font size. |