A simple, highly customisable star rating component for Vue 2.x and 3.x.
Features:
- SVG stars – scale without loss of quality.
- Customisable rating increments.
- Customisable colors.
- Customisable number of stars.
- Create read-only stars.
Preview:
Changelog:
v2.1.0 (10/08/2020)
- New animate prop added which slightly rotates and expands the star on mouseover
- New active-on-click prop applies active colors on click rather than on hover when set to true
- New active-border-color prop, which allows border colour to be changed when star is active
- active-color and active-border-color now optionally accept an array of color values to color each star individually
glow no longer requires glow-color to be set - Screen readers are now supported. You can change the default message (“Rated {{rating}} out of {{maxRating}} stars”) by using the screen-reader scoped slot
v2.0.3 (09/26/2020)
- Fixes an issue where glow is always on, which is prominent on dark background
v2 (09/24/2020)
- Updated for Vue.js 3
Download Details:
Author: craigh411
Live Demo: https://jsfiddle.net/992o7cq5/1/
Download Link: https://github.com/craigh411/vue-star-rating/archive/master.zip
Official Website: https://github.com/craigh411/vue-star-rating
Install & Download:
npm install vue-star-rating