Basic Switch

use class .switch-label to add a label to switch.

Colors

Use class .custom-control-#{$color-name} with .custom-switch to change switch's color

Primary

Secondary

Success

Danger

Warning

Info

Dark

Icons

Use class .switch-icon-left & .switch-icon-right inside of .custom-control-label to create a switch with icon.

Primary

Secondary

Success

Danger

Warning

Info

Dark

Theme Customizer

Customize & Preview in Real Time


Skin


Menu Collapsed



Navbar Color