Select
A native-feeling listbox in a veil of glass, fully keyboard-driven.
Install
$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/select.jsonExamples
Default
"use client";
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectLabel,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
export function SelectDemo() {
return (
<Select>
<SelectTrigger className="w-52">
<SelectValue placeholder="Pick a finish" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>Finishes</SelectLabel>
<SelectItem value="polished">Polished</SelectItem>
<SelectItem value="frosted">Frosted</SelectItem>
<SelectItem value="etched">Etched</SelectItem>
<SelectItem value="smoked">Smoked</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
);
}API
<SelectTrigger />
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "default" | "default" | Trigger height. |