Select

An accessible select menu built on Radix Select with grouped items, scroll buttons, separators, and item-aligned or popper positioning.

selectdropdownformradixcontrol

Open preview in new tab

How do I install the Select component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/select.json

Dependencies

Also available as a markdown reference for AI agents: /components/select.md

Related components

Input

A single-line text input with a focus ring, placeholder styling, and disabled state, forwarding every native input attribute.

Form

react-hook-form bindings for accessible form fields: FormField, FormItem, FormLabel, FormControl, FormDescription, and FormMessage with automatic error wiring.

Field

Composable form field layout primitives — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldTitle, FieldDescription, FieldError, FieldSeparator, and FieldContent — with vertical, horizontal, and responsive orientations.