Radios
Radios create an on/off boolean switch that can be built into array.
Default Radio
The Default Radio description from Figma goes here
1<div class="form-check form-radio m-1">
2 <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
3 <label class="form-check-label" for="flexRadioDefault1">
4 Radio Label
5 </label>
6</div>
Disabled Radio
The Disabled Radio description from Figma goes here
1<div class="form-check form-check-disabled form-radio m-1">
2 <input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioDisabled1" disabled>
3 <label class="form-check-label" for="flexRadioDisabled1">
4 Radio Label
5 </label>
6</div>
7<div class="form-check form-check-disabled form-radio m-1">
8 <input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioDisabled2" checked disabled>
9 <label class="form-check-label" for="flexRadioDisabled2">
10 Radio Label
11 </label>
12</div>Accessibility
Make it clear what this radio widget does for the user.
-
What to do with radio
-
What not to do with radio
Classes
Complete list of all CSS classes for the component.
| Name | Class |
|---|---|
| Default Radio | radio radio-default |
| Disabled Radio | radio radio-disabled |