Selections

Checkboxes and radio buttons.

Checkboxes

Unchecked Checked

Radios

Option A Option B

<!-- Checkbox -->
<label>
  <input type="checkbox" class="input-selection">
  <span class="selection-control"></span>
  <span>Label</span>
</label>

<!-- Radio -->
<label>
  <input type="radio" name="g" class="input-selection">
  <span class="selection-control"></span>
  <span>Label</span>
</label>