Basic Switch

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

Toggle this switch element
Disabled switch element

Colors

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

Primary

Success

Danger

Info

Warning

Dark

Text

Use class .switch-text-left & .switch-text-rightinside of .custom-control-labelto create a switch with text.

Icons

Use class .switch-icon-left & .switch-icon-rightinside of .custom-control-labelto create a switch with icon.

Primary

Success

Danger

Info

Warning

Dark

Sizes

use class .switch-{md | lg}with .custom-switchfor medium or large size

Default

Medium

Large