vue-cute-rate

Rate with star, heart, emoji or anything you like.

See the beautiful doc for vue-cute-rate. Powered by kokk 🍹

Install

yarn add vue-cute-rate --save

CDN: UNPKG | jsDelivr (available as window.rate)

<template>
  <star-rate/>
</template>

<script>
import StarRate from 'vue-cute-rate'

export default {
  components: {
    StarRate
  }
}
</script>

See the doc for details.

Property	Description	type	Default
count	star count	number	5
value	current value	number	0
star-half	whether to allow semi selection	boolean	false
disabled	read only, unable to interact	boolean	false
allow-clear	whether to allow clear when click again	boolean	true
type	there are 3 cute types of iconfont by default, star star1 and heart	string	star
hover-change	Support set hover-change to change value when hover	boolean	false
active-color	color of the active values	string	#fadb14
inactive-color	color of the inactive values	string	#e9e9e9
hover-color	color when hover a value	string	same as activeColor by default
inactive-char	the inactive character, especially needed when you use some characters like image which cannot be controled by color	string	-

minemine.cc · GitHub @luyilin · Twitter @luyilin12