Select
Inputs & Controls
macOS translucent dropdown select with checkmarks.
Installation
$npx shadcn-macos@latest add select
Examples
Props
<Select />| Prop | Type | Default | Description |
|---|---|---|---|
| options* | { value: string; label: string; disabled?: boolean }[] | — | List of options available in the select dropdown. |
| value | string | — | Controlled selected option value. |
| defaultValue | string | — | Initial selected value when uncontrolled. |
| onChange | (value: string) => void | — | Callback invoked when a new option is picked. |
| placeholder | string | "Select an option..." | Placeholder text displayed when no value is selected. |
| disabled | boolean | false | Whether the select dropdown is disabled. |
| className | string | — | Custom CSS classes. |