Radio Group

Option 1

Option 2

Option 3 (Disabled)

---
import { Label } from "@/components/ui/label"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
---

<RadioGroup>
  <div class="flex items-center gap-2">
    <RadioGroupItem id="option1" value="option1" name="example" />
    <Label for="option1">Option 1</Label>
  </div>
  <div class="flex items-center gap-2">
    <RadioGroupItem id="option2" value="option2" name="example" />
    <Label for="option2">Option 2</Label>
  </div>
  <div class="flex items-center gap-2">
    <RadioGroupItem id="option3" value="option3" name="example" disabled />
    <Label for="option3">Option 3 (Disabled)</Label>
  </div>
</RadioGroup>

Installation

To install the radio group component, run the following command:

npx shadcn@latest add @fulldev/radio-group

Usage

import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"

<RadioGroup>
  <RadioGroupItem id="option1" value="option1" name="example" />
  <label for="option1">Option 1</label>
</RadioGroup>