Edit the number value as rating stars. If half increments are enabled, the value must be a valid integer or decimal number. Icons can be edited via $ratingFull, $ratingEmpty and $ratingHalf in Vuetify settings.

<template>
<v-row>
<v-col lg="3" md="4" sm="6">
<va-rating-input source="rating" length="10" half-increments></va-rating-input>
</v-col>
</v-row>
</template>| Property | Type | Description |
|---|---|---|
| source | string |
The property of the resource to fetch the value to display. Supports dot display for slot used object. |
| model | string |
By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior. |
| active-color | string |
Color applied to the component while it is active. |
| clearable | boolean |
Allows the component to be cleared by clicking on the current value. |
| color | string |
Applies the specified color to the control. |
| density | string |
Sets the vertical height used by the component. (default, comfortable, compact). |
| disabled | boolean |
Removes the ability to click on the component. |
| empty-icon | string, array, function |
Icon displayed when empty. |
| full-icon | string, array, function |
Icon displayed when full. |
| half-increments | boolean |
Allows selection of half increments. |
| hover | boolean |
Provides visual feedback when hovering over icons. |
| item-aria-label | string |
Settings for item tags. |
| item-label-position | string |
Position of element labels accepts 'top' and 'bottom'. |
| item-labels | array |
Array of labels to display next to each item. |
| length | string, number |
Amount of items to display. |
| model-value | string, number |
The v-model value of the component. If the component supports multitasking, this defaults to an empty array. |
| name | string |
Sets the name property of the component. |
| readonly | boolean |
Removes all hover effects and pointer events. |
| size | string, number |
Sets the height and width of the component. The default unit is pixels. (x-small, small, default, large, x-large). |