Select
A custom select component with a styled dropdown. Built on Base UI Select primitive.
Installation
npx shadcn add select --registry https://ui.ch.sh/r
Usage
import {
Select,
SelectTrigger,
SelectValue,
SelectContent,
SelectItem,
} from "@/components/ui/select"
export default function Example() {
return (
<Select>
<SelectTrigger>
<SelectValue placeholder="Select..." />
</SelectTrigger>
<SelectContent>
<SelectItem value="a">Option A</SelectItem>
<SelectItem value="b">Option B</SelectItem>
</SelectContent>
</Select>
)
}