Notifications
4 New
New message received 💌
24 unread messages.
Congratulations team 🎉
You have 12 new sales!
Network Error ⛔️
Operation couldn’t be completed
Disk Utility 💥
You have not enough disk capacity
Switch
Switching Selector.
Basic
A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch. Switches also support the disabled attribute.
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">
<span class="ms-12">Default switch checkbox input</span>
</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">
<span class="ms-12">Checked switch checkbox input</span>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled>
<label class="form-check-label" for="flexSwitchCheckDisabled">
<span class="ms-12">Disabled switch checkbox input</span>
</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">
<span class="ms-12">Disabled checked switch checkbox input</span>
</label>
</div>