Checkboxes
Checkboxes create an on/off boolean switch that can be built into array.
Default Checkbox
1<div class="form-check m-1">
2 <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
3 <label class="form-check-label" for="flexCheckDefault">
4 Checkbox Label
5 </label>
6</div>
Disabled Checkbox
1<div class="form-check form-check-disabled m-1">
2 <input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled" disabled>
3 <label class="form-check-label" for="flexCheckDisabled">
4 Checkbox Label
5 </label>
6</div>
7<div class="form-check form-check-disabled m-1">
8 <input class="form-check-input" type="checkbox" value="" id="flexCheckCheckedDisabled" checked disabled>
9 <label class="form-check-label" for="flexCheckCheckedDisabled">
10 Checkbox Label
11 </label>
12</div>Accessibility
Make it clear what this checkboxes does for the user.
-
What to do with checkboxes
-
What not to do with checkboxes
Classes
Complete list of all CSS classes for the component.
| Name | Class |
|---|---|
| Default Checkbox | checkbox checkbox-default |
| Disabled Checkbox | checkbox checkbox-disabled |