About the shadcn/ui Select Component
The Select component is part of shadcn/ui — a collection of accessible, copy-paste React components built with Radix UI and Tailwind CSS. Install it with `npx shadcn@latest add select` and copy it directly into your project.
Select Component — Frequently Asked Questions
How do I use shadcn Select with React Hook Form?
Use `<Controller>` from React Hook Form: wrap `<Select>` with `<Controller name="field" control={control} render={({ field }) => <Select onValueChange={field.onChange} value={field.value}>` etc.
How do I set a default value for shadcn Select?
Use `defaultValue` for uncontrolled or `value` for controlled: `<Select defaultValue="option1">`. The value must match an `<SelectItem value="...">` value.
Can I make shadcn Select searchable?
The Select component does not have built-in search. Use the Combobox component instead, which combines input with a filterable dropdown list.