Checkbox
Checkbox component.
- Default
- Inverse
<label class="lui-checkbox">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" checked />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" disabled />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" disabled checked />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox lui-checkbox--inverse">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox lui-checkbox--inverse">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" checked />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox lui-checkbox--inverse">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" disabled />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>
<label class="lui-checkbox lui-checkbox--inverse">
<input class="lui-checkbox__input" type="checkbox" aria-label="Label" disabled checked />
<div class="lui-checkbox__check-wrap">
<span class="lui-checkbox__check"></span>
<span class="lui-checkbox__check-text">Label</span>
</div>
</label>