Checkbox

Used to mark an element as active, inactive or indetermined. Multiple checkboxes can be marked at once.

 

Checked

Checked

Checked - Disabled

Checked - Disabled

Disabled

Disabled

Enabled

Enabled

Focused

Focused

Hover

Hover

Indeterminate

Indeterminate

Labelled

Labelled

Sizes

Small

Small

Medium

Medium

Large

Large

Intended for a touch screen device. The larger target area makes them easier to tap.