Checkboxes
Checkboxes create an on/off boolean switch that can be built into array.
Default Checkbox
The Default Checkbox description from Figma goes here
1<div>
2 <input class="checkbox checkbox-check" type="checkbox" value="" id="flexCheckDefault">
3 <label class="checkbox-label" for="flexCheckDefault">
4 Checkbox Label
5 </label>
6 </div>
Disabled Checkbox
The Disabled Checkbox description from Figma goes here
1<div>
2 <input class="checkbox checkbox-check" checked type="checkbox" value="" id="flexCheckDefault" disabled>
3 <label class="checkbox-label" for="flexCheckDefault">
4 Checkbox Label
5 </label>
6</div>
7<div>
8 <input class="checkbox checkbox-check" checked type="checkbox" value="" id="flexCheckDefault" checked disabled>
9 <label class="checkbox-label" for="flexCheckDefault">
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 |