Checkbox Indeterminate


Checkboxes can utilize the Indeterminate class when manually set via JavaScript (there is no available HTML attribute for specifying it).


Indeterminate Checkbox

<div class="form-check-label-row">
    <label class="form-check-label form-label-sm" for="checkbox-10"><input type="checkbox" id="checkbox-10" class="form-check-input" aria-label="Checkbox" /><span class="form-check-label__text"></span></label>
</div>
<div class="form-check-label-row">
    <label class="form-check-label form-label-sm" for="checkbox-11"><input type="checkbox" id="checkbox-11" class="form-check-input" aria-label="Checkbox" /><span class="form-check-label__text">Active Indeterminate With Label</span></label>
</div>
<div class="form-check-label-row">
    <label class="form-check-label form-label-sm" for="checkbox-12">
        <input type="checkbox" id="checkbox-12" class="form-check-input" aria-label="Checkbox" disabled="" /><span class="form-check-label__text">Disabled Indeterminate With Label</span>
    </label>
</div>