Radio

A customizable radio button component that supports grouping, labels, and disabled states.

Basic Usage

Radio buttons allow users to select one option from a set. Use the name prop to group related options.

Apple

Group radio buttons together using the same name prop. Only one option can be selected at a time.

Red

Blue

Green

Radio buttons can be disabled to prevent user interaction.

Disabled Option

Here are the props you can pass to the Radio component:

Prop

Type

Default

Description

nameRequired

string

—

Name of the radio group

valueRequired

string

—

Value of the radio option

label

string

undefined

Label text for the radio option

checked

boolean

false

Whether the radio is checked

disabled

boolean

false

Whether the radio is disabled

className

string

undefined

Additional CSS classes

onChange

function

undefined

Callback when radio selection changes