Checks & radios

boodoo's custom checkbox and radio components are used for selecting one or several options in a list.

Checks

Default checkbox

Checked checkbox

Disabled checkbox

Default radio

Default checked radio

A switch has the markup of a custom checkbox but uses the .form-switch class.

Default switch checkbox input

Checked switch checkbox input

Disabled checkbox

Disabled radio

Disabled switch checkbox

Group checkboxes or radios on the same horizontal row by adding .form-check-inline to any .form-check.

3 (disabled)

Indeterminate checkboxes have a third state. Set it via JS:

document.getElementById('myCheckbox').indeterminate = true;

Indeterminate checkbox