[](https://www.webcomponents.org/element/webcomponent-star-rating) # Star Rating (native) WebComponent Webcomponent (native) for displaying star ratings without Polymer or other dependecies. ## Demo/Playground [Demo and Playground Page here ...](https://davitmdesign.github.io/wc-star-rating/index.html) ## Installation Install with NPM for your local development environment. ``` npm i webcomponent-star-rating ``` OR: Paste the import link in your "head" section. ```html ``` ## Usage To display the stars, you must place the element to your "body section". ```html ``` That's it. ## Possible attributes width="400" | score="50%" | colors="#aaa,#333" Example: ```html ``` | attributes | values | | | ----------------- |-----------------------------------|----------------| | width | 200 | required | | score | 50%, 3, 4.5 | required | | colors | name or hex (grey,#ffff00) | optional | ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -am 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D