Switch

Switchery

Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly

Basic Switchery Toggle

To set Switchery toggle, add .switchery class to checkbox.

Switchery Sizes

To set Large Switchery toggle, add data-size="lg" to checkbox with .switchery class.

To set Default Switchery toggle, add .switchery class to checkbox.

To set Small Switchery toggle, add data-size="sm" to checkbox with .switchery class.

To set Extra Small Switchery toggle, add data-size="xs" to checkbox with .switchery class.

Template Color Switchery

Color Switchery

COLOR SWITCHERY WITH LABELS ON BOTH SIDES

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder