### Switch

#### Bootstrap Checkbox Toggle

Simple Switch

Add `.switch`class to checkbox to set as switch

Reverse Switch

Add `checked` to set checked bootstrap switch

Always toggle Switch

Add `data-switch-always` to switch on every click

Disabled Switch

Checked & Disabled toggle

Small Switch

Add `data-group-cls="btn-group-sm"` attribute for small switch

Large Switch

Add `data-group-cls="btn-group-lg"` attribute for large switch

Vertical Switch

Add `data-group-cls="btn-group-vertical"` attribute for vertical switch

Change Switch Title

Add `data-off-title="VALUE"` attribute for OFF hover title and `data-on-title="VALUE"` attribute for ON hover title

Switch with Icons

Add `data-icon-cls="fa"` to set font family you are using `data-off-icon-cls="fa FONT_AWESOME_ICON"` attribute for off switch icon & `data-on-icon-cls="fa FONT_AWESOME_ICON"` attribute for on switch icon

Only Switch Icons

To set only icon switch set `data-off-label="false"` & `data-off-label="false"`.

OnLabel Click change
Change Switch Labels

Add `data-off-label="OffValue"` attribute for off switch label & `data-on-label="OnValue"` attribute for on switch label

#### Bootstrap Switch Toggle

Bootstrap Switch default

Add `.switchBootstrap` class to set bootstrap switch

Bootstrap Switch checked

Add `checked` to set checked bootstrap switch

Bootstrap Switch checked & Disabled

Add `checked disabled` to set checked & disabled bootstrap switch

Bootstrap Switch Checked & disabled

Add `checked disabled` for checked & disabled switch direction.

Bootstrap Switch with On Text

Add `data-on-text="TEXT"` to change text of the left side of the switch

Bootstrap Switch with Off Text

Add `data-off-text="TEXT"` to change text of the right side of the switch

Bootstrap Switch with custom Label

use `data-label-text="TEXT"` for text of the center handle of the switch and that will work with `data-indeterminate="true"` attribute only.

Bootstrap Switch Label Options
Bootstrap Switch Label Options
Bootstrap Switch Label Options
Bootstrap Switch with Icon
Bootstrap Switch with Icon & Text
Bootstrap Switch Label with Icon
Bootstrap Switch Label with Icon on top
Bootstrap Switch Default Color
Bootstrap Switch Primary Color
Bootstrap Switch Warning Color
Bootstrap Switch Success Color
Bootstrap Switch Danger Color
Bootstrap Switch Info Color
Bootstrap Switch Radio
Bootstrap Switch Radio Icons

#### Switchery Toggle

#### Basic Switchery Toggle

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

Switchery Default
Switchery Unchecked
Switchery Checked & Disabled
Switchery Disable

#### Right Switchery Toggle

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

Switchery Default
Switchery Unchecked
Switchery Checked & Disabled
Switchery Disable

#### Switchery Sizes

Large Switchery

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

Default Switchery

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

Small Switchery

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

Extra Small Switchery

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

#### Switchery Labels on both sides

Left Label Right Label
Left Label Right Label
Left Label Right Label
Left Label Right Label

#### Template Color Switchery

#### Color Switchery

Primary Color Switchery
Success Switchery
Danger Switchery
Info Switchery
Warning Switchery

#### COLOR SWITCHERY WITH LABELS ON BOTH SIDES

Primary Color Label & Switchery
Primary Color Label & Switchery
Success Color Label & Switchery
Success Color Label & Switchery
Danger Color Label & Switchery
Danger Color Label & Switchery
Info Color Label & Switchery
Info Color Label & Switchery
Warning Color Label & Switchery
Warning Color Label & Switchery

#### Theme Customizer

Customize & Preview in Real Time

##### Menu Color Options

##### Layout Options

Collapsed Menu
Fixed Layout
Boxed Layout
Static Layout
Native Scroll
Right Side Icons
Bordered Navigation
Flipped Navigation
Collapsible Navigation
Static Navigation
Brand Center
Static Top

##### Navigation Color Options

###### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

###### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink

### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink
Buy Now