Rate component for Vue – vue-rate

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'

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' }


Rate component for Vue - vue-rate


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

Add Comment