Switch

Basic

Colored

Switchery

Basic

Add .switchery to input[type="checkbox"] to add switchery.

Right Aligned

To set switchery to right, wrap input[type="checkbox"] within .float-right.

Styles

Add data-size="[lg | sm | xs]" for different sizes and .switchery-{colorName} for different colors.

Labels on Both Sides