This is the most basic example of ratings.

Used when we want stars with a saved rating.

Changes the name of the hidden score field.

Changes the number of stars.

Change the max number of stars that can be created.

You can prevent users from voting. It can be applied with or without a score.

If readOnly is enabled and there is no score, the hint "Not rated yet!" will be shown for all stars. But you can change it. Hover the mouse over the star to see:

You can represent a float score as a half star icon.

Enables the half star mouseover to make voting with half values possible.

Changes the hint for each star by it position on array.

Changes the path where your icons are located. Set it only if you want the same path for all icons.

Add a cancel button on the left side of the stars to cacel the score.

Use any icon you want.

Use any icon you want.

Is an array of objects where each one represents a custom icon. The range attribute is where the icon will be displayed (out of the five stars).