Select

Dropdown menu styled with the same square surface as inputs, plus uppercase grouping labels for long lists.

Select component

Region Picker
Square trigger and flat dropdown to match the PoC form system.

Installation

pnpm dlx shadcn@latest add @omni/select

Usage

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"
<Select defaultValue="tokyo">
  <SelectTrigger className="w-[220px]">
    <SelectValue placeholder="Select a region" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="tokyo">Tokyo</SelectItem>
    <SelectItem value="osaka">Osaka</SelectItem>
  </SelectContent>
</Select>