components
Select
A single-select dropdown built on Radix Select, styled with the token system. The trigger is a touch-first 48px target, options are 44px rows, and the checked option carries a check indicator.
Basic
Controlled. One option is disabled to show the state.
Sizes
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| options | SelectOption[] | none | { value, label, disabled? } items. |
| value | string | none | Controlled value. |
| onValueChange | (v: string) => void | none | Change handler. |
| placeholder | string | "Select an option" | Empty-state text. |
| label | string | none | Visible label. |
| size | ControlSize | md | Trigger height. |