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.

Docs API Reference

Component radio-group-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  RadioGroup,
  RadioGroupItemControl,
  RadioGroupItemIndicator,
  RadioGroupItemInput,
  RadioGroupItemLabel,
  RadioGroupItems,
  RadioGroupLabel,
} from "@components/ui/radio-group"
<RadioGroup>
  <RadioGroupLabel />
  <RadioGroupItems>
    <RadioGroupItem>
      <RadioGroupItemInput />
      <RadioGroupItemControl>
        <RadioGroupItemIndicator />
      </RadioGroupItemControl>
      <RadioGroupItemLabel />
    </RadioGroupItem>
  </RadioGroupItems>
</RadioGroup>

Changelog

2025-11-13 Separate <RadioGroup.ItemInput /> from <RadioGroup.Item />

The <RadioGroup.ItemInput /> component has been separated from the <RadioGroup.Item /> component for better flexibility and customization.

ProgressResizable