https://github.com/startpolymer/s-slider
Up-to-date fork of <paper-slider> with new features.
https://github.com/startpolymer/s-slider
Last synced: about 1 year ago
JSON representation
Up-to-date fork of <paper-slider> with new features.
- Host: GitHub
- URL: https://github.com/startpolymer/s-slider
- Owner: StartPolymer
- Created: 2016-11-25T17:33:41.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-26T13:46:52.000Z (over 9 years ago)
- Last Synced: 2025-04-11T18:24:17.349Z (about 1 year ago)
- Language: HTML
- Homepage:
- Size: 222 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
[![Published on webcomponents.org][webcomponents-image]][webcomponents-url]
# \
Up-to-date fork of [\](https://github.com/PolymerElements/paper-slider) with new features.
Material design: [Sliders](https://www.google.com/design/spec/components/sliders.html)
`s-slider` allows user to select a value from a range of values by
moving the slider thumb. The interactive nature of the slider makes it a
great choice for settings that reflect intensity levels, such as volume,
brightness, or color saturation.
## New features
- `deselected` property for deselect the knob
- `--s-slider-deselected-knob-color` css property for deselected knob color
- `--s-slider-deselected-knob-inner-color` css property for deselected knob inner color
- `vertical` property for vertical orientation
- `--s-slider-expanded-knob` mixin applied to the expanded knob
```html
```
[webcomponents-image]: https://img.shields.io/badge/webcomponents.org-published-blue.svg
[webcomponents-url]: https://beta.webcomponents.org/element/StartPolymer/s-slider