Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Preview

Option One

Option Two

Installation

$npx maddex add RadioGroup

Usage



1<!-- @import { Label } from ../../lib/maddex -->
2<!-- @import { RadioGroup, RadioGroupItem } from ../../lib/maddex -->
3
4<RadioGroup>
5  <div class="flex items-center space-x-2">
6    <RadioGroupItem value="option-one" id="option-one" />
7    <Label for="option-one">Option One</Label>
8  </div>
9  <div class="flex items-center space-x-2">
10    <RadioGroupItem value="option-two" id="option-two" />
11    <Label for="option-two">Option Two</Label>
12  </div>
13</RadioGroup>