<simple-slider>
A Polymer element providing a simple slider functionality.
Maintained by Ruy Adorno.
Demo
Usage
-
Install using Bower (also available on npm)
bower install --save polymer-simple-slider -
Import Web Components' polyfill:
-
Import Custom Element:
-
Start using it!
Options
version: 1.1.0
Attribute | Options | Default | Description |
---|---|---|---|
no-auto-play |
Boolean | false |
If this attr is present, do not auto play slides |
transitionProperty |
left , right , opacity |
left |
Determines the css property to be animated |
transitionDuration |
Number | 0.5 |
Value setting the duration of animation transition |
transitionDelay |
Number | 3 |
Value determining the wait between each animation when you use autoPlay:true |
startValue |
Number | -elem.width |
Initial value of slide elements when starting a transition animation |
visibleValue |
Number | 0 |
The value a slide element should have when it is displayed |
endValue |
Number | elem.width |
The value a slide will move to during a transition animation |
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
History
For detailed changelog, check Releases.
More info
This project is a simple polymer element implementation of SimpleSlider. Please visit its page for more information.