Switch default
Switch default - pills
Switch outline
CoreUI Pro Component
Switch outline - pills
CoreUI Pro Component
Switch outline alternative
CoreUI Pro Component
Switch outline alternative - pills
CoreUI Pro Component
Switch with text
CoreUI Pro Component
Switch with text - pills
CoreUI Pro Component
Switch with text outline
CoreUI Pro Component
Switch with text outline - pills
CoreUI Pro Component
Switch with text outline alternative
CoreUI Pro Component
Switch with text outline alternative - pills
CoreUI Pro Component
Switch with icon
CoreUI Pro Component
Switch with icon - pills
CoreUI Pro Component
Switch with icon outline
CoreUI Pro Component
Switch with icon outline - pills
CoreUI Pro Component
Switch with icon outline alternative
CoreUI Pro Component
Switch with icon outline alternative - pills
CoreUI Pro Component
3d Switch
CoreUI Pro Component
Sizes
| Size | Example | CSS Class |
|---|---|---|
| Large |
Add following class
.switch-lg
|
|
| Normal | - | |
| Small |
Add following class
.switch-sm
|