Rating

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 fa-star') - icon for full selected rating item.
• halfIcon - String (default: 'fa fa-star-half-full') - icon for half selected rating item
• emptyIcon - String - icon for not selected rating item
• value - Number (default: 1) - rating value (could be like 2.5 for halves).
• readonly - Boolean
• disabled - Boolean
• numbers - Boolean - makes va-rating use numbers instead of icons
• max - Number (default: 5) - max number of rating items
• size - String (default: 'medium') - use this property to set items size in rating. You can use preset values ("medium", "large", "small") or define exact size: "30px".
• color- String (default: #4ae387) - theme or color

VaRatingItem

 <va-rating-item
  halfIcon="fa fa-star-half-full"
  :value="0.5"
/>

Props

• value - Number.
• icon - String (default: 'fa fa-star').
• iconClasses - String.
• isRatingHover - Boolean.
• halfIcon - String.
• emptyIcon - String (default: 'fa fa-star-o').