Use checkboxes for independent choices in a set.

Usage

<label class="of-check">
  <input type="checkbox" class="of-check__input" />
  <span class="of-check__label">Send weekly summary</span>
</label>

Examples

Accessibility

• Wrap each checkbox in a visible label.
• Group related options in a fieldset + legend.
• Do not use checkbox for mutually exclusive choices (use radio).