- 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 - Slider
Description
Sliders are very useful for setting certain values inside a range. The following table shows the various sliders used in Foundation.
Sr.No. | Slider & Description |
---|---|
1 | Basics
The basic slider has a handle and an active fill. |
2 | Vertical
It is used to display vertical slider by using verticle class. |
3 | Disabled
By using disabled class you can disable the slider. |
4 | Two Handles
To use two handles you need to use .slider-handle span and input field. |
5 | Data binding
You can use this to display a visible input and a slider, so that changing one of them will match other one. |
6 | SASS Reference
You can change the styles of the components by using SASS Reference. |
7 | JavaScript Reference
Foundation provides JavaScript components for the sliders. |
foundation_basic_controls.htm
Advertisements
To Continue Learning Please Login
Login with Google