Components
Radio Group
A radio-group component
Preview
Loading...
import { Label } from "@/registry/axon/ui/label";import { RadioGroup, RadioGroupItem } from "@/registry/axon/ui/radio-group";export default function RadioGroupDemo() { return ( <RadioGroup defaultValue="comfortable"> <div className="flex items-center gap-3"> <RadioGroupItem id="r1" value="default" /> <Label htmlFor="r1">Default</Label> </div> <div className="flex items-center gap-3"> <RadioGroupItem id="r2" value="comfortable" /> <Label htmlFor="r2">Comfortable</Label> </div> <div className="flex items-center gap-3"> <RadioGroupItem id="r3" value="compact" /> <Label htmlFor="r3">Compact</Label> </div> </RadioGroup> );}Installation
CLI
npx shadcn@latest add @emberui/radio-groupyarn shadcn@latest add @emberui/radio-grouppnpm dlx shadcn@latest add @emberui/radio-groupbunx --bun shadcn@latest add @emberui/radio-groupReference
This component is based on the shadcn/ui Radio Group component.