Radio Group

Select one from a set, like choosing your favorite pizza topping; only one can win, ensuring clear choices.

Basic

A set of round buttons where you can select only one option from the group.

Installation

Orientation

By default, the radio group is vertically oriented. You can change it to a horizontal orientation by using the orientation prop.

Without Label

The label is optional. You can omit it if not needed.

Parent Description

Add a description to the radio group by passing the description prop.

Children Description

Add descriptions to individual radio options using the description prop.

Invalid

When the radio group is in an error state, it cannot be edited.

Controlled

You can control the radio group value using the value prop.

Disabled

When the radio group is disabled, it cannot be interacted with.