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

<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