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
Rating with SVG
This is the default rating where the stars are in SVG form. Add a div with class
.rating to add the star rating.
Rating with Material Icon
You can even use material icons in the rating. Add
.pmd-material-rating followed by
Rating with Readonly State
readonly:true option to make the rating action readonly.
Rating with Default Value
To set a by default value for the rating, use
Rating with Increased Number of Stars
You can increase the number of stars in the rating by adding
Rating with Hints
Add hints to the stars using
Rating on Click
onClick function to save the rating on click.
Rating with Cancel Button
Add cancel button using
Rating with Cancel Button on Right
Move cancel button to the right by using
Rating with Different Icons
You can even use different icons in place of stars for the rating
Rating with No Space
You can even remove the space between the stars using
Rating with Single Star Selection
single:true to highlight only star on selection.
Rating with Half Star Selection
You can also add the ability to select half star by using