Select

Preview

apple

Fruits

AppleBananaBlueberryGrapesPineapple

Installation

npx skeci-ui add select

Usage

import {
  Select,
  SelectTrigger,
  SelectValue,
  SelectContent,
  SelectItem,
} from '@/components/ui/select';

<Select>
  <SelectTrigger>
    <SelectValue placeholder="Select fruit" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="apple">Apple</SelectItem>
    <SelectItem value="banana">Banana</SelectItem>
  </SelectContent>
</Select>

Props

Select

Prop	Type	Default	Description
defaultValue	string	—	Default selected value.
onValueChange	(value: string) => void	—	Event handler for selection changes.
rounded	'none' | 'sm' | 'md' | 'lg'	'none'	Border radius level.