Checkbox

A checkable input that communicates if an option is true, false or indeterminate.

Checked Input

Examples of the types of checkbox that can be used, along with attribute options.

Note:
Radio buttons are similar to checkboxes, but with an important distinction — same-named radio buttons are grouped into a set in which only one radio button can be selected at a time, whereas checkboxes allow you to turn single values on and off. Where multiple same-named controls exist, radio buttons allow one to be selected out of them all, whereas checkboxes allow multiple values to be selected.

Checkbox Group

Group a bunch of checkboxes together, in a grid like layout.

Label

Indeterminate States

Use an indeterminate checkbox state to show one selection of a group of checkboxes has been chosen.

Work in progress

Image Checkbox

Use an image with the checkbox input instead of text, providing an different way to understand the option.

Work in progress


Useful notes and reading:

Related Links: