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

Checkbox

StorybookGithub
stable

Checkbox is a form element that gives users the possibility to select multiple elements, zero, one or more items. This is a stripped down version for custom made solutions - please consider using CheckboxField component for full-fledged <input type='checkbox'> experience.

Table of contents

How to use Checkbox

  • Checkboxes should work independently, checking one should not affect any other checkbox in the interface
  • Add a custom label to explain the context.

Code examples

Basic usage

Accessibility

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