Radio Group

Free

Pro

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

<RadioGroup>
  <div class="flex items-center gap-2">
    <RadioGroupItem name="plan" value="free" checked id="free" />
    <Label for="free">Free</Label>
  </div>
  <div class="flex items-center gap-2">
    <RadioGroupItem name="plan" value="pro" id="pro" />
    <Label for="pro">Pro</Label>
  </div>
</RadioGroup>

View CodeHide Code

Installation

bun

bunx bejamas add radio-group

npm

npx bejamas add radio-group

pnpm

pnpm dlx bejamas add radio-group

yarn

yarn dlx bejamas add radio-group

Usage

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

<RadioGroup>
  <div class="flex items-center gap-2">
    <RadioGroupItem name="plan" value="free" id="free" checked />
    <Label for="free">Free</Label>
  </div>
</RadioGroup>

Props

Prop	Type	Default
class	string	""
”aria-label”	string
”aria-labelledby”	string