Don't Miss Out! Our new update has been released.
Switch
Custom Switch
A switch has the markup of a custom checkbox but uses the form-switch class to render a toggle switch.
Icons Switch
For defined icons switches, use switch-state and icon-state.
Uncheck Switch
Use switch-state class to create uncheck switches.
Borders with Icons
Use switch-outline and icon-state class to create outline with icons.
Disabled Outline Switch
Use switch-outline class to create outline.
Variation of Switches
Use tgl-skewed/tgl-flip class to create variations.
-
Skewed
-
Flip
-
Checked
-
Flat
Switch Sizing
Use switch-sm and switch-lg class to create switch sizing.
Switch with Icons
Use icon-state class to visible icons in switches.