Select
Full-featured select built on Radix UI with keyboard navigation.
Installation
1
Run the CLI
$npx particleui-cli add select
Usage
TSX
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@/components/ui/select"
export default function Example() {
return (
<Select>
<SelectTrigger className="w-48">
<SelectValue placeholder="Pick one" />
</SelectTrigger>
<SelectContent>
<SelectItem value="react">React</SelectItem>
<SelectItem value="vue">Vue</SelectItem>
<SelectItem value="svelte">Svelte</SelectItem>
</SelectContent>
</Select>
)
}Details
Source filecomponents/ui/select.tsx
Typeui
Categoriesforms, core
npm dependencies@radix-ui/react-select, lucide-react
Registry deps
Claude skill—