- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
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. |
foundation_basic_controls.htm
Advertisements