Switch

Basic Switchery Toggle

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

Right Switchery Toggle

To set Switchery toggle to right, wrap checkbox with .float-right class.

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.

Switchery Labels on both sides

Switchery Color

To set Primary Switchery toggle, add data-color="primary" to checkbox.

To set Success Switchery toggle, add data-color="primary" to checkbox.

To set Danger Switchery toggle, add data-color="danger" to checkbox.

To set Info Switchery toggle, add data-color="info" to checkbox.

To set Warning Switchery toggle, add data-color="warning" to checkbox.

Switchery Jack Color

To set Primary Switchery jack, add data-jack-color="primary" to checkbox.

To set Success Switchery jack, add data-jack-color="primary" to checkbox.

To set Danger Swirchery jack, add data-jack-color="danger" to checkbox.

To set Info Switchery jack, add data-jack-color="info" to checkbox.

To set Warning Switchery jack, add data-jack-color="warning" to checkbox.