Primitives

Select

Accessible single-select with grouped options, labels, and separators.

Basic

Priority picker

Priority

<Select defaultValue='medium'>
  <SelectTrigger>
    <SelectValue placeholder='Pick priority' />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value='low'>Low</SelectItem>
    <SelectItem value='medium'>Medium</SelectItem>
    <SelectItem value='high'>High</SelectItem>
    <SelectItem value='urgent'>Urgent</SelectItem>
  </SelectContent>
</Select>

Grouped

With SelectGroup + SelectLabel + SelectSeparator

Assign to

Parts

Select, SelectTrigger, SelectValue, SelectContent
SelectItem, SelectGroup, SelectLabel, SelectSeparator