HomeAccordionCheckboxDropdownModalPopupProgressRatingSidebar

ui-rating

Usage

<ui-rating class="massive star" rating="5" max="15"></ui-rating>

Behavior

rating
$setRating(rating)

Attributes

rating {Number} Default: 0

Initialize ui-rating with a rate.

max {Number} Default: 5

Maximum possible rate.

class {String}

Change the type ('heart' or 'star') and size ('mini', 'tiny', 'small', 'large', 'huge', 'massive') of the ui-rating component.

Heart

<ui-rating class="heart"></ui-rating>

Size

<ui-rating class="huge heart" max="7"></ui-rating>

Customizing the <content>

Here is the Jade template of this component. The content blocks can be replaced using a selector. Important: Make sure you include all the Vue.js directives as in the original template for the Component to work.