Foundation - Switch


Switch allows you to turn off or turn on the switch by clicking on it. The following table lists the switch types used in Foundation.

Sr.No. Slider & Description
1 Basics

By using .switch class you can create a switch in Foundation.

2 Radio Switch

It can be used, when the user needs to select only one out of many options.

3 Sizing Classes

You can change the size of the switches by using .tiny, .small or .large classes.

4 Inner Labels

You can use inner labels to display active and inactive switch text.

5 SASS Reference

You can change the styles of the components by using SASS Reference.