Form Radio Button

SCSS Location: /styles/scss/partial/_forms.scss
  • Status: Design
  • Status: Development
  • Status: Documentation


Custom display for Radio Buttons used with forms. These Custom Radio Buttons use the browser element as their base, but simply apply a custom style overtop of it.


  • Include a heading to provide context to the user.
  • Clicking a non-selected radio button will deselect the button that was originally selected.
  • Radio button should be used when a user must select only one choice.


For use in a form when there are multiple options to choose from but only one can be selected.