Color

The v-rating component can be colored as you want, you can set both selected and not selected colors.

Clearable

Clicking on a current rating value can reset the rating by using clearable prop.

Read Only

For ratings that are not meant to be changed you can use readonly prop.

Hover
Density

Control the space occupied by v-rating items using the density prop.

Labels

The v-rating component can display labels above or below each item.

sad
 
 
 
happy
sad
 
 
 
happy
Icons

You can use custom icons.

Length

Change the number of items by modifying the the length prop.

Aria labels

Provide a label to assistive technologies for each item.

Item slot

Slots enable advanced customization possibilities and provide you with more freedom in how you display the rating.

Size

Utilize the same sizing classes available in v-icon or provide your own with the size prop.