2.0.0 • Published 7 years ago
mp-slider v2.0.0
<mp-slider>
Demo
Install the component using Bower:
$ bower install --save mp-slider
Usage
- Import Web Components' polyfill:
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
- Import Custom Element:
<link rel="import" href="bower_components/mp-slider/mp-slider.html">
Start using it!
Wrap the image into a div. To add a caption to your image just include the
mp-caption
element.mp-caption
available properties:slider-header
andslide-content
.
<mp-slider controls bullets show-thumbs>
<div>
<img src="demo/images/img1.jpg" />
<mp-caption slider-header="Kung Fu Panda"
slider-content="Po and the legends of awesomeness">
</mp-caption>
</div>
<div>
<img src="demo/images/img2.jpg" />
<mp-caption slider-header="Despicable Me"></mp-caption>
</div>
<div>
<img src="demo/images/img3.jpg" />
<mp-caption slider-content="The incredible Scart"></mp-caption>
</div>
</mp-slider>
License
MIT License
2.0.0
7 years ago