The rating component is a specialized but crucial piece in building user widgets. Collecting user feedback via ratings is a simple analytic that can provide a lot of feedback to your product or application.
v-rating component provides a simple interface for gathering user feedback.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
Utilize the same sizing classes available in
v-icon or provide your own with the size prop.
v-rating component can be colored as you want, you can set both selected and not selected colors.
Sometimes an application will call for a customized implementation. Easily change length or displayed icons.
A rating can have 3 defined icons, full-icon, half-icon (with the half-increments prop) and empty-icon.
Slots are provided to give you even more freedom in how you display the rating.
The rating component pairs well with products allowing you to gather and display customer feedback.
v-rating component fits right in with existing components. Build truly complex examples with rich features and beautiful designs.