11:31 AM
Back to Components

Radio Group

A set of checkable buttons where no more than one can be checked.

Preview
Radio Group Examples

Basic Radio Group

Disabled Radio Group

Form Example

Code
import { RadioGroup, RadioGroupItem } from "@/components/windows95-ui/field"
import { Label } from "@/components/windows95-ui/label"

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