Documentation

Radio Group

Mutually exclusive selection options.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { RadioGroup, RadioGroupItem, Label } from "@rouf-dev/pantheon-ui";

<RadioGroup defaultValue="option1">
  <div className="flex items-center space-x-2">
    <RadioGroupItem value="option1" id="option1" />
    <Label htmlFor="option1">Option 1</Label>
  </div>
  <div className="flex items-center space-x-2">
    <RadioGroupItem value="option2" id="option2" />
    <Label htmlFor="option2">Option 2</Label>
  </div>
</RadioGroup>

Examples

Default