Components
Select
A select component
Preview
Loading...
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue,} from "@/registry/axon/ui/select";export default function SelectDemo() { return ( <Select> <SelectTrigger className="w-[180px]"> <SelectValue placeholder="Select a fruit" /> </SelectTrigger> <SelectContent> <SelectGroup> <SelectLabel>Fruits</SelectLabel> <SelectItem value="apple">Apple</SelectItem> <SelectItem value="banana">Banana</SelectItem> <SelectItem value="blueberry">Blueberry</SelectItem> <SelectItem value="grapes">Grapes</SelectItem> <SelectItem value="pineapple">Pineapple</SelectItem> </SelectGroup> </SelectContent> </Select> );}Installation
CLI
npx shadcn@latest add @emberui/selectyarn shadcn@latest add @emberui/selectpnpm dlx shadcn@latest add @emberui/selectbunx --bun shadcn@latest add @emberui/selectReference
This component is based on the shadcn/ui Select component.