mp-slider - Vaadin Add-on Directory
mp-slider is a simple web component image slider build with Polymer 2.0
**[ This description is mirrored from README.md at [github.com/mpachnis/mp-slider](https://github.com//mpachnis/mp-slider/blob/v2.0.5/README.md) on 2019-05-22 ]**
[](https://travis-ci.org/mpachnis/mp-slider) [](https://www.webcomponents.org/element/mpachnis/mp-slider)
[](https://vaadin.com/directory/component/mpachnismp-slider) [](https://vaadin.com/directory/component/mpachnismp-slider)
## <mp-slider>
## Demo
[mp-slider docs & demo](https://www.webcomponents.org/element/mpachnis/mp-slider)
## Install the component using [Bower](http://bower.io/):
```bash
$ bower install --save mp-slider
```
## Usage
1. Import Web Components' polyfill:
```html
```
2. Import Custom Element:
```html
```
3. 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` and `slide-content`.
```html
```
Available properties.
Properties | Description | Default
---------- | ----------- | -------
controls | show the right/left arrow button for changing slide | false
show-thumbs | show thumbnails under the slider | false
bullets | show a number of bullets based on image length | false
show-pause-icon | show a pause icon in the slider (hover) | false
Available styles.
Properties | Description
---------- | -----------
--caption-background | Caption's background color
--pause-icon-background | pause icon's background color
--pause-icon-stroke-color | pause icon's color
--pause-icon-stroker-width | pause icon's stroke width
### Big Thanks
Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com)

## License
MIT License
GitHub Homepage


Issue tracker
Online Demo
View on GitHub
Documentation
mp-slider version 0.1.0
### Dependencies
* polymer#Polymer/polymer#^1.6.0
mp-slider version 0.1.1
### Dependencies
* polymer#Polymer/polymer#^1.6.0
mp-slider version 0.1.2
### Dependencies
* polymer#Polymer/polymer#^1.6.0
mp-slider version 0.1.3
### Dependencies
* polymer#Polymer/polymer#^1.6.0
mp-slider version 2.0.0
### Dependencies
* polymer#^2.0.0
mp-slider version 2.0.2
### Dependencies
* polymer#^2.0.0
mp-slider version 2.0.3
### Dependencies
* polymer#^2.0.0
mp-slider version 2.0.4
### Dependencies
* polymer#^2.0.0
mp-slider version 2.0.5
### Dependencies
* polymer#^2.0.0