Select
primitiveChoose one option from a list. Full keyboard nav (↑↓ Enter Esc), click-outside-to-close, theme-aware.
Installation
$pnpm dlx disenio add selectUsage
example.tsx
import { Select } from "@/components/ui/select";API
| Prop | Type | Default | Description |
|---|---|---|---|
| options | { value, label, disabled? }[] | — | Selectable options. |
| value | string | — | Controlled selected value. |
| defaultValue | string | — | Uncontrolled initial value. |
| onValueChange | (v: string) => void | — | Fires when a new value is selected. |
| placeholder | string | "Select…" | Shown when no value is selected. |
| label | string | — | Optional label above the trigger. |
| disabled | boolean | false | Disable the trigger. |
Accessibility
A11y · live audit
updates with themeAccent on paper
3.97AA Large
Ink on paper
21.00AAA
Keyboard↑↓ navigate · ↵ pick · esc close · ↹ focus
ARIArole=listbox · aria-haspopup · aria-expanded · aria-selected on options