Checkboxes allow users to make a binary selection between 2 mutually exclusive options
Checkboxes are aligned with other form fields and they have an enabled (selected) and disabled (de-selected) state. The default state can be either enabled or disabled.
Describe the user’s selection that will be submitted with the form.
Additional hidden text can be added to the label if context requires so.
<div class="input-control-container">
<input type="checkbox" name="cb1" id="cb1">
<label for="cb1">
<span class="input-control"></span>Checkbox label
</label>
</div>