Components/Actions & Inputs

Select

@base-ui/react/select
npx shadcn@latest add @karan-ui/select
@base-ui/react/select•Actions & Inputs

Select Interactive Canvas

Accessible select menu built on @base-ui/react/select with default, outline, and ghost variants, 4 proportional size tiers matching Button and Input, alignWithItem positioning, dual up/down chevron trigger icon, and OKLCH color-mix translucent popup overlay.

Canvas

Props Controls

4 props
'xs' | 'sm' | 'default' | 'lg'
boolean
Enabled
string
boolean
Disabled