Directory

stars-rating - Vaadin Add-on Directory

A stars' images filled to show a rate stars-rating - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/manufosela/stars-rating](https://github.com//manufosela/stars-rating/blob/3.3.0/README.md) on 2019-05-10 ]** # stars-rating [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/manufosela/stars-rating) Lit-Elementy web component configurable to vote a rate stars. ## Demo [stars-rating codepen demo](https://codepen.io/manufosela/pen/ROJKvj) ```

Basic stars-rating Demo

Demo 1

Demo 2 - stars size 0.5em

Demo 3 - Customized

Demo 4 - Click in star to vote a rating

Your rating:

Demo 5 - Click in star to vote a rating with by default value

``` ```html

Click in star to vote a rating

Click in star to change the rating

``` ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` ## Build ``` $ npm run build ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally. ## Author * **Mánu Fosela** - *Javascript Composer* - [manufosela](https://github.com/manufosela) ## License This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details ## Acknowledgments * Cesar Villar @beatbits Thank you for his comments and that he is always there to help * Jorge del Casar @jorgecasar Thank you for emojis and improvements. You are a true ninja! ;)