The Rating component provides the end-user with the ability to evaluate items, services and people by rating them. This rating component supports both SVG and Material Icons.
We have used jQuery Raty as base and customized it by applying material design principles to it.
For more options and documentation, visit: jQuery Raty
This is the default rating where the stars are in SVG form. Add a div with class .rating
to add the star rating.
You can even use material icons in the rating. Add .pmd-material-rating
followed by .rating
.
Add readonly:true
option to make the rating action readonly.
To set a by default value for the rating, use data-score
attribute.
You can increase the number of stars in the rating by adding number
option.
Add hints to the stars using hintList
option.
Use onClick
function to save the rating on click.
Add cancel button using cancel:true
option.
Move cancel button to the right by using cancelPlace:right
option.
You can even use different icons in place of stars for the rating
You can even remove the space between the stars using space:false
option.
Add single:true
to highlight only star on selection.
You can also add the ability to select half star by using half:true
option.