Checkbox
A checkbox is a form element comprising a series of items that make a list of options that allow the user to select any number of choices. Those choices can range from zero, one or several. The selections are not mutually exclusive.
Checkboxes act independently of each other. This way, selecting any given checkbox does not affect other checkboxes and their status. Use a checkbox:
- For binary choices
- For providing multiple selectable choices
We recommend using seven or fewer checkboxes. Keep the label of a checkbox to a single line.
Use a checkbox for:
- For binary choices
- For selecting multiple choices
Use a toggle for On / Off choices but not for multiple choices
Checkboxes can have a several of states. These stated give the user additional information oe prevent user interaction. The indeterminate state is programmatically set by the application for specific conditions.
Checkboxes are available in vertical, vertical inline, horizontal, horizontal inline, and compact layout. See more layout guidelines on the form page.