Select Clearable •
Clearable
Shadcn Select Components
Browse 51 original select components built with React, Tailwind CSS, and shadcn/ui. Preview every design, inspect its source, or install it with the shadcn CLI.
Showing 51 of 51 components
Select Compact Toolbar •
Compact toolbar select
Select Default •
Default
Select Disabled •
Disabled
Select Empty State •
Empty state
Select Full Width •
Full width layout
Select Ghost •
Ghost select
Select Horizontal Field Layout •
Horizontal field layout
Select Loading •
Loading state
Select Option With Badge •
Options with badge
Select Option With Badge And Description •
Badge with description
Select Option With Description •
Options with description
Select Option With Icon •
Select option with icon
Select Option With Icon And Badge •
Icon with badge
Select Option With Icon And Description •
Icon with description
Select Option With Rich Item •
Rich option row
Select Option With Status Dot •
Status dot options
Select Permission Level •
Permission level
Select Position Variant •
Position variant
Select Read Only •
Read-only display
Select Region With Latency •
Region with latency
Select Required •
Required
Select Scrollable Long List •
Scrollable long list
Select Size Variants •
Size variants
Select Timezone •
Timezone select
Select With Avatar •
Options with avatar
Select With Avatar And Description •
Avatar with description
Select With Background Color •
With background color
Select With Color Swatch •
Color swatch options
Select With Colored Border And Ring •
With colored border and ring
Select With Create Footer •
Create footer
Select With Default Value •
With default value
Select With Description •
With description
Select With Destructive Option •
Destructive option
Select With Disabled Options •
With disabled options
Select With Error •
With error
Select With Flag •
Options with flag
Select With Helper Text •
With helper text
Select With Icon •
With icon
Select With Inset Label •
With inset label
Select With Leading Text •
With leading text
Select With Option Groups •
With option groups
Select With Overlapping Label •
With overlapping label
Select With Placeholder •
With placeholder
Select With Prefix And Suffix •
With prefix and suffix adornment
Select With Quota Progress •
Quota progress
Select With Recommended Option •
Recommended option
Select With Separator •
With separator
Select With Status •
Status select
Select With Truncated Trigger •
Truncated trigger text
Select Workspace Switcher •
Workspace switcher
Category guide
Using Select patterns
These patterns share semantic tokens and accessible interaction foundations while varying layout, density, hierarchy, and content composition.
Open any variation to compare responsive states, inspect its generated source, and copy a local shadcn registry command.