Checkbox

Components

A checkbox is an interactive control that allows users to select or unselect items. They may be a single item to trigger other logic, or a list of multiple items to select amongst.

Checklist

Documentation

Checklist

Documentation

Checklist

Documentation

Checklist

0 out of

0 out of

4

4

Reset

Label

Text paired with the checkbox to indicate what is enabled if selected

Default selection

Whether the checkbox is selected or not

An active checkbox by default depends on its purpose - it should come down to how much this conveniences the user

Style

Make sure checkbox is unique and stands out from other input options, and consider whether it's in a container, how it's grouped, and what colour it uses

States

Default, hover, focused, active and disabled (see documentation tab for examples)