Version 4 beta
Forma 36 v4 beta is availableClick here to go to the new version
Forma 36

RadioButton

StorybookGithub
stable

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

  • 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

Accessibility

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