Switch

Contrast Bootstrap Switch is a simple component used for activating one of two predefined options. Commonly used as an on/off button.

It's mostly used in a number of various forms since they are dead simple to use and cut the time one needs to fill all the inputs.

Examples

Switch example.

######html

<label class="custom-switch">
    <input type="checkbox">
    <span class="custom-control"></span>
</label>
<label class="custom-switch">
    <input type="checkbox" checked>
    <span class="custom-control"></span>
</label>

Rounded Switch

######html

<label class="custom-switch custom-switch-rounded">
    <input type="checkbox">
    <span class="custom-control"></span>
</label>
<label class="custom-switch custom-switch-rounded">
    <input type="checkbox" checked>
    <span class="custom-control"></span>
</label>