Webcomponent (native) for displaying star ratings without Polymer or other dependecies.
Demo and Playground Page here ...
Install with NPM for your local development environment.
npm i webcomponent-star-rating
OR: Paste the import link in your "head" section.
<link rel="import" href="https://davitmdesign.github.io/wc-star-rating/star-rating.html">
To display the stars, you must place the element to your "body section".
<star-rating width="280" score="50%" colors="#ddd,#f1cb1"></star-rating>
That's it.
width="400" | score="50%" | colors="#aaa,#333"
Example:
<star-rating width="160" score="2.5"></star-rating>
<star-rating width="220" score="4" colors="grey,red"></star-rating>
<star-rating width="300" score="50%" colors="#BDBDBD,#B8860B"></star-rating>
attributes | values | |
---|---|---|
width | 200 | required |
score | 50%, 3, 4.5 | required |
colors | name or hex (grey,#ffff00) | optional |
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D