RadioButton

RadioButton is a form element that gives users the possibility to select only one option from a number of choices. This is a stripped down version for custom made solutions - please consider using RadioButtonField component for full-fledged <input type='radio'> experience.

Table of contents

• How to use RadioButton
• Code examples
• Accessibility

How to use RadioButton

• RadioButton should be used in a group. Please include at least two choices for users.
• Options provided for users should be mutually exclusive.
• Add a custom label to explain each choice.

Code examples

Basic usage

// import { RadioButton } from '@contentful/forma-36-react-components';
<RadioButton name="someOption" id="radio" />
// import { RadioButton } from '@contentful/forma-36-react-components';
<RadioButton name="someOption" id="radio" />
Hide source

Accessibility

• Radio buttons should always have a clear and concise label and a name prop.