Skip to main content
ParticleUI

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