Components

Rating is composed of 2 components:

• VaRating
• VaRatingItem
  Let's break them apart:

VaRating

 <va-rating
        :max="6"
        size="30px"
        color="red"
        emptyIcon="fa fa-star-o"
        halfIcon="fa fa-star-half-full"
        v-model="value"
 />

Props

• icon - String (default: 'fa-star') - use this property to set Icon
• halfIcon - String - use this property to set half icon
• emptyIcon - String - use this property to set not selected icon
• value - Number (default: 1) - use this property to set rating
• readonly - Boolean (default: false) - use this property to make component readonly
• disabled - Boolean (default: false) - use this property to make component disabled
• numbers - Boolean (default: false) - use this property to set numbers mode
• max - Number (default: 5) - use this property to set items count in rating
• size - String (default: 'medium') - use this property to set items size in rating ('medium', 'large', 'small' or simple String (6rem, 30px)
• color- String (default: #4ae387) - use this property to set items color in rating