<div class="m-ip-checkbox">
    <input type="checkbox" class="m-ip-checkbox__input" id="my-checkbox" checked>
    <label class="m-ip-checkbox__label" for="my-checkbox" tabindex="0">Checkbox</label>
</div>

<div class="m-ip-checkbox">
    <input type="checkbox" class="m-ip-checkbox__input" id="disabled-checkbox" disabled>
    <label class="m-ip-checkbox__label" for="disabled-checkbox">Checkbox</label>
</div>

<div class="m-ip-checkbox m-ip-checkbox--inline">
    <input type="checkbox" class="m-ip-checkbox__input" id="milk" name="milk">
    <label class="m-ip-checkbox__label" for="milk" tabindex="0">Milk</label>
</div>
<div class="m-ip-checkbox m-ip-checkbox--inline">
    <input type="checkbox" class="m-ip-checkbox__input" id="eggs" name="eggs">
    <label class="m-ip-checkbox__label" for="eggs" tabindex="0">Eggs</label>
</div>

<div class="m-ip-checkbox">
    <input type="checkbox" class="m-ip-checkbox__input" id="my-checkbox">
    <label class="m-ip-checkbox__label [modifier class]" for="my-checkbox" tabindex="0">Checkbox</label>
</div>