Picchu

Checkbox

Guidance

A check box is used to select or deselect action items, and can be used for a single list item or for multiple list items.

Checkboxes can also be grouped in collections where checking/unchecking the collection checkbox can facilitate choosing all or none within a specific category, while also preserving the ability to check/uncheck sub-choices. When a collection of sub-choices have both checked and unchecked items, the parent checkbox will display as intermediate (a.k.a. indeterminate).

Demo

See the Pen Checkboxes Demo by Microsoft.com (@microsoft) on CodePen.

Resources