Chi Design System

Checkboxes

In order to use a checkbox just use an input type="checkbox" with the class a-input. Also, in order to have the checkbox properly styled you must add an empty label for the checkbox immediately after it's declaration. You can add any other label next to the previous one.

<input type="checkbox" class="a-input" id="checkbox">
<label for="checkbox"></label>

<label class="-text -ml1" for="checkbox">Checkbox</label>