Forms
Bootstrap 5 Toggle switch
Bootstrap 5 toggle switch examples for AdminKit: a checkbox with the .form-switch class, in default, checked and disabled states.
Example
A switch has the same markup of a checkbox with the exception of the .form-switch class to render a toggle switch.
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>Disabled
Switches also support the disabled attribute.
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled>
<label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckCheckedDisabled" checked disabled>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
</div>Last updated on
Radio
Radios are used to select one option from many in a list. Bootstrap allows you to create cross-browser radios with their custom Bootstrap checks component.
File upload
Bootstrap 5 file upload input examples for AdminKit: default, small and large sizes, disabled, readonly and multiple-file fields with plain HTML.