Radio Group

Circular selectors tuned with the same flat border system. Works great for plan or region pickers in forms.

Radio group component

Data Residency
Choose a primary region where workloads should be deployed.

Installation

pnpm dlx shadcn@latest add @omni/radio-group

Usage

import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Label } from "@/components/ui/label"
<RadioGroup defaultValue="tokyo" className="grid gap-2">
  <div className="flex items-center gap-2">
    <RadioGroupItem value="tokyo" id="tokyo" />
    <Label htmlFor="tokyo">Tokyo</Label>
  </div>
</RadioGroup>