Switch

Basic

Active

Inactive

Active - disabled

Inactive - disabled

Colored

Primary

Secondary

Success

Danger

Warning

Info

Switchery

Basic

Active

Inactive

Active - disabled

Inactive - disabled

Colored

Primary

Secondary

Info

Success

Warning

Danger

Styles

Add size="[Large | Small]" for different sizes and .switchery-colorName for different colors.

Large

Default

Small

Reverse

Add reverse to reverse the switch position.

Primary

Info

Success