All components

Select

Single-option dropdown.

Full API on ui.shadcn.com

Select trigger uses bg-card

Same reason as Input. The trigger needs a visible surface against both page and card backgrounds.

Default

<Select>
  <SelectTrigger className="w-60">
    <SelectValue placeholder="Pick a brand" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="smaller-earth">Smaller Earth</SelectItem>
    <SelectItem value="campfront">Campfront</SelectItem>
    <SelectItem value="camp-leaders">Camp Leaders</SelectItem>
  </SelectContent>
</Select>