Shadcn Select

A select is a form control that allows the user to select a value from a list of options. Browse our collection of 15 Shadcn Select variants.

Default

Auto width

Select with placeholder

Select with icon

Select with helper text

Tell us what‘s your favorite Select framework

Select with error

Select with options groups

Select with overlapping label

Status select

Select with icon and right indicator

Select with description and right indicator

Select with avatar

Select with portrait

Select with search

Select with search and button

PreviousRadio Group
NextSwitch
Unlock premium components
Get full control of shadcn/ui components, blocks and instances, including future additions.
Unlock Now

Shadcn Select Component

The Shadcn Select is a dropdown selection React component for choosing a single option from a list of choices. Built with React, TypeScript, and Tailwind CSS, it provides a production-ready solution for option selection in forms and applications.

What is the Shadcn Select Component?

The Shadcn Select displays a dropdown menu with selectable options. It consists of Select, SelectTrigger, SelectValue, SelectContent, SelectItem, and related sub-components. Built on Radix UI primitives, it's unstyled by default, giving you complete control over styling with Tailwind CSS.