Radio Group
A set of mutually exclusive options, built on the Base UI `RadioGroup` primitive.
A set of mutually exclusive options, built on the Base UI RadioGroup primitive.
tsx
import { RadioGroup, RadioGroupItem } from "@celestia-project/ui/primitive/radio-group"import { Label } from "@celestia-project/ui/primitive/label"
<RadioGroup defaultValue="comfortable"> <div className="flex items-center gap-2"> <RadioGroupItem value="default" id="r1" /> <Label htmlFor="r1">Default</Label> </div> <div className="flex items-center gap-2"> <RadioGroupItem value="comfortable" id="r2" /> <Label htmlFor="r2">Comfortable</Label> </div></RadioGroup>