<commit_before># &lt;simple-slider&gt;

[![NPM version](https://badge.fury.io/js/polymer-simple-slider.svg)](https://npmjs.org/package/polymer-simple-slider) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/ruyadorno/polymer-simple-slider)

A Polymer element providing a [simple slider](http://ruyadorno.github.io/SimpleSlider) functionality.

> Maintained by [<NAME>](https://github.com/ruyadorno).


## Demo

<!---
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="simple-slider.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<simple-slider style="width:400px; height:400px">
    <img src="http://placekitten.com/g/400/400"/>
    <img src="https://unsplash.it/400/400/?random=0"/>
    <img src="https://unsplash.it/400/400/?random=1"/>
    <img src="https://unsplash.it/400/400/?random=2"/>
</simple-slider>
```

 > [Check more examples](http://ruyadorno.github.io/polymer-simple-slider).


## Usage

1. Install using Bower (also available on npm)

    ```sh
    bower install --save polymer-simple-slider
    ```

2. Import Web Components' polyfill:

    ```html
    <script src="bower_components/webcomponents.js/webcomponents.js"></script>
    ```

3. Import Custom Element:

    ```html
    <link rel="import" href="bower_components/polymer-simple-slider/simple-slider.html">
    ```

4. Start using it!

    ```html
    <simple-slider style="width:500px; height:500px">
        <img src="foo/bar1.png"/>
        <img src="foo/bar2.png"/>
        <img src="foo/bar3.png"/><commit_msg>Fix typo in usage instructions<commit_after># &lt;simple-slider&gt;

[![NPM version](https://badge.fury.io/js/polymer-simple-slider.svg)](https://npmjs.org/package/polymer-simple-slider) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/ruyadorno/polymer-simple-slider)

A Polymer element providing a [simple slider](http://ruyadorno.github.io/SimpleSlider) functionality.

> Maintained by [<NAME>](https://github.com/ruyadorno).


## Demo

<!---
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="simple-slider.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<simple-slider style="width:400px; height:400px">
    <img src="http://placekitten.com/g/400/400"/>
    <img src="https://unsplash.it/400/400/?random=0"/>
    <img src="https://unsplash.it/400/400/?random=1"/>
    <img src="https://unsplash.it/400/400/?random=2"/>
</simple-slider>
```

 > [Check more examples](http://ruyadorno.github.io/polymer-simple-slider).


## Usage

1. Install using Bower (also available on npm)

    ```sh
    bower install --save polymer-simple-slider
    ```

2. Import Web Components' polyfill:

    ```html
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    ```

3. Import Custom Element:

    ```html
    <link rel="import" href="bower_components/polymer-simple-slider/simple-slider.html">
    ```

4. Start using it!

    ```html
    <simple-slider style="width:500px; height:500px">
        <img src="foo/bar1.png"/>
        <img src="foo/bar2.png"/>
        <img src="foo/bar3.png"/>
{'fraction_non_alphanumeric': 0.19670710571923744, 'fraction_numerical': 0.02657423454650491, 'mean_word_length': 3.796398891966759, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 55, 'https://': 16, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4166551', 'n_tokens_mistral': 1283, 'n_tokens_neox': 1170, 'n_words': 181}