Form Checkbox

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


Custom display for Checkboxes used with forms. These Custom Checkboxes 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.
  • Use clear and concise labels for each checkbox selection.
  • User can select a checkbox by clicking directly on the box or its label.
  • By default, checkboxes are unchecked.


For use in a form when multiple elements can be selected from a list.