Radio buttons

Radio button inputs

Radio buttons allow a user to select one option from a collective set. If you require more than 7 options, consider using a Select input instead.


Variations

  • Radio button - Use a single radio button for binary selections like a decision or affirmation. Once checked, a single Radio Button may never be unchecked unless there is a re-render. Typically, you would want to use a Form for a single option, so that the user may deselect the optionRadio button input example
  • Radio button group - The most common usage of a radio button would be within a radio button group. By wrapping the radio buttons in a radio button group, all of the options are now a part of the same set, and atomicity of the selection can be enforcedRadio button input example

Last updated: Oct 2020