Select

A native-feeling select on Base UI — trigger styled like a control, popup aligned to the anchor width, check-marked selection. The items map drives the trigger's value label.

Single select

In a form row

Region

Deploys are placed closest to this region.

Usage

<Select items={environments} defaultValue="staging">
  <SelectTrigger aria-label="Environment" />
  <SelectContent>
    <SelectItem value="production">Production</SelectItem>
    <SelectItem value="staging">Staging</SelectItem>
  </SelectContent>
</Select>