Just another star rating system created for your Vue.js based applications.
How to use it:
1. Import and register the rating component.
import rate from 'vue-rate' import 'vue-rate/dist/vue-rate.css' Vue.use(rate)
2. Add the <rate /> component to the template and specify the number of stars to generate.
<rate :length="5" />
3. More component props to customize the rating system.
value: {type: [Number, String]},
name: {type: String, default: 'rate'},
length: {type: Number},
showcount: {type: Boolean},
required: {type: Boolean},
ratedesc: {type: Array, default () { return [] }},
disabled: {type: Boolean, default: false},
readonly: {type: Boolean, default: false},
iconref: { type: String, default: 'icon-star-full' }
Preview:
Changelog:
v3.1.0 (04/15/2022)
- Default slot added for use custom icon easily
- Add some flavour
Download Details:
Author: SinanMtl
Live Demo: https://sinanmtl.github.io/vue-rate/
Download Link: https://github.com/SinanMtl/vue-rate/archive/master.zip
Official Website: https://github.com/SinanMtl/vue-rate
Install & Download:
npm install vue-rate --save