## Form - Switches

One stop solution for perfect admin dashboard!

Toggle Code!

##### Switches Default

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch" disabled=""/> Disabled Unchecked Switch
    </div>

##### Switches Primary Colored

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch-blue" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-blue" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-blue" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-blue" disabled=""/> Disabled Unchecked Switch
    </div>

##### Switches Danger Colored

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch-danger" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-danger" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-danger" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-danger" disabled=""/> Disabled Unchecked Switch
    </div>

##### Switches Warning Colored

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch-warning" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-warning" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-warning" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-warning" disabled=""/> Disabled Unchecked Switch
    </div>

##### Switches Small Size

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch-small" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-small" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-small" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-small" disabled=""/> Disabled Unchecked Switch
    </div>

##### Switches Large Size

Checked Switch
Unchecked Switch
Disabled Checked Switch
Disabled Unchecked Switch

    <div class="mb-20">
        <input type="checkbox" class="js-switch-large" checked /> Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-large" /> Unchecked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-large" checked disabled="" /> Disabled Checked Switch
    </div>

    <div class="mb-20">
        <input type="checkbox" class="js-switch-large" disabled=""/> Disabled Unchecked Switch
    </div>