checkbox--colored
checkbox--stretched
checkbox--90
checkbox--padded-0
checkbox--padded-90
checkbox--padded-100
checkbox--padded-200
checkbox (modifier)
├── checkbox__input
├── checkbox__label
├── link (optional)
├── checkbox__label (optional)
<label class="checkbox">
<input class="checkbox__input"
id="checkbox"
name="checkbox"
type="checkbox"
value="true"
checked
>
<span class="checkbox__label">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</span>
</label><label class="checkbox checkbox--90">
<input class="checkbox__input"
id="checkbox-90"
name="checkbox-90"
type="checkbox"
value="true"
>
<span class="checkbox__label">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</span>
</label><div class="checkbox">
<input class="checkbox__input"
id="general-conditions"
name="general-conditions"
type="checkbox"
value="agree"
>
<label class="checkbox__label"
for="general-conditions"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mi ex, mollis consectetur nibh vel, mattis feugiat ipsum. Morbi iaculis consequat lacus, eu sollicitudin mi tristique iaculis.
</label>
<a class="link" href="#">
general conditions</a>.
<label class="checkbox__label"
for="general-conditions"
>
Fusce interdum mauris nec ligula elementum auctor.
</label>
</div><label class="checkbox checkbox--colored">
<input class="checkbox__input"
id="checkbox-colored"
name="checkbox-colored"
type="checkbox"
value="true"
>
<span class="checkbox__label">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mi ex, mollis consectetur nibh vel, mattis feugiat ipsum. Morbi iaculis consequat lacus, eu sollicitudin mi tristique iaculis.
</span>
</label><label class="checkbox">
<input class="checkbox__input"
id="option-1"
name="option-1"
type="checkbox"
value="true"
>
<span class="checkbox__label">
Option 1
</span>
</label>
<label class="checkbox">
<input class="checkbox__input"
id="option-2"
name="option-2"
type="checkbox"
value="true"
>
<span class="checkbox__label">
Option 2
</span>
</label>
<label class="checkbox">
<input class="checkbox__input"
id="option-3"
name="option-3"
type="checkbox"
value="true"
>
<span class="checkbox__label">
Option 3
</span>
</label>