Select
A dropdown menu for selecting a single value from a list of options. Built on Radix UI Select.
Default
With Label
Disabled
Usage
Use Select when users need to choose one option from 5+ items. For fewer options, consider a Radio Group.
Always provide a clear placeholder or default value so users understand what to select.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Controlled selected value |
| onValueChange | (value: string) => void | — | Callback when selection changes |
| disabled | boolean | false | Disables the select |
| placeholder | string | — | Placeholder text (on SelectValue) |