USER INTERFACE ELEMENTS
Checkboxes
Overview
Checkboxes are used to select one or more options from a set of choices.
Specifications
Checkbox Spacing
Checkboxes
Default
Selected
On Focus - (ADA compliant) - appears on keyboard navigation only
Error
Selected Hover
Selected Inactive
Individual Error
Usage Guidelines
Text overflow
When the label is too long for the space available, it wraps to form another line.
Checkbox or toggle
Checkboxes are best for indicating agreement (to legal terms, for example) or for allowing users to select several items from a set of choices. Checkboxes have an error state if leaving them empty indicates an incomplete action.
Toggles are implemented for turning on/off a series of preferences. Since toggles are set to either on or off by default, and have no incomplete state and can’t generate errors.
In page example