Components

Select

Choose a single option from a list.

Usage

With @flagon-io/ui installed (see Installation), import it directly.

import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@flagon-io/ui";

<Select>
  <SelectTrigger><SelectValue placeholder="Region" /></SelectTrigger>
  <SelectContent>
    <SelectItem value="iad">Washington, D.C.</SelectItem>
  </SelectContent>
</Select>

Examples

Adaptive (SelectField)

Data-driven and device-aware: our themed Radix menu on desktop, the native OS picker on mobile (resize below 768px to see it switch). One call site, best control everywhere.

Prefer to own the code?

You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.

npx shadcn@latest add https://ui.flagon.io/r/select.json