## Switch

##### Switch [ v1 ]

##### Default Switch

primary
secondary
success
danger
warning
info
dark
Use class `input-[color name]`in `<input>` tag

##### Custom Switch

primary
secondary
success
danger
warning
info
dark
Use class `custom-switch-v1`in `<div>` tag

##### Color States

primary
secondary
success
danger
warning
info
dark
Use class `input-light-[color name]`

##### Inline Switch

Inline 1
Inline 2
Inline 3
With Checked State
Inline 1
Inline 2
Inline 3
Use class `form-check-inline`

##### Switch in Horizontal Form

Switches
Default
Option 2
Disabled
Checked
Inline Switches
Inline 1
Inline 2
Inline 3
Inline States
Inline 1
Inline 2
Inline 3

##### Sizing

Small Switches
Default
Option 2
Disabled
Checked
Some help text goes here
Large Switches
Default
Option 2
Disabled
Checked
Some help text goes here
Color States
primary
secondary
success
danger
warning
info
dark
Some help text goes here
Color States
primary
secondary
success
danger
warning
info
dark
Some help text goes here

##### Mantis Customizer

- ###### Theme Layout

  Choose your layout

  Direction

  RTL

- ###### Theme Mode

  Choose light or dark mode
  Light Dark

- ###### Color Scheme

  Choose your primary theme color
  Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8 Theme 9

- ###### Layout Width

  Choose fluid or container layout
  Fluid Container

- ###### Font Family

  Choose your font family.
  AaPublic Sans AaRoboto AaPoppins AaInter