Skip to main contentCarbon Design System

Radio button

Preview the radio button component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

Radio button heading
<FormGroup
legendText="Radio button heading"
>
<RadioButtonGroup
defaultSelected="default-selected"
legend="Group Legend"
name="radio-button-group"
valueSelected="default-selected"
>
<RadioButton
id="radio-1"
labelText="Radio button label"
value="standard"
/>
<RadioButton
id="radio-2"
labelText="Radio button label"
value="default-selected"
/>
<RadioButton
id="radio-3"
labelText="Radio button label"
value="disabled"
/>
</RadioButtonGroup>
</FormGroup>
RadioButtonGroup
orientation
labelPosition