Rate component for Vue – vue-rate

Description:

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:

Rate component for Vue - vue-rate

Changelog:

v2.4.1 (11/30/2021)

  • Update

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

You Might Be Interested In:

Tags:

Add Comment