-
The component displays the proper number of stars based on the count prop
-
The user can control the rating with the arrow and number keys (left, right, up, down, 1-9)
-
The user can click on a star to set the rating
-
The component accepts the
modelValue
andcount
props -
The component emits an
update:modelValue
event when a star is clicked -
The component displays outlined or solid stars properly based on the selected rating (
modelValue
) -
The component wrapper div includes the class
perfect-rating
and the stars display orange when a perfect rating is given