- 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 - Basic Controls
In this chapter, we will study about basic controls. Foundation provides basic controls such as buttons, sliders and switches.
The following table lists the basic controls used in Foundation.
| Sr.No. | Basic control & Description |
|---|---|
| 1 | Button
Foundation supports many button styles that can be customized according to your needs. |
| 2 | Button Group
They are containers for corresponding action elements. It works fine when group of actions is displayed in a bar. |
| 3 | Close Button
Close button is used when you want something to go away by clicking on it. |
| 4 | Slider
Sliders are very useful for setting certain values inside a range. |
| 5 | Switch
It allows you to turn off or turn on the switch by clicking on it. |
Advertisements