The rate element shows star rating scores. Rate divides rating scores into several levels and these levels can be distinguished by using different background colors.
You can change the icons to your desired shape by clicking on the Icon within the rate element and altering its type.
  • Changing the first (yellow) icon will set the style of the icons which show the selected rating.
  • Changing the second (gray) icon will set the style of the icons which show the maximum rating.
  • i.e. if the selected rating is 3 out of 5, the page will display 3 icons of the first style followed by 2 icons of the second style.


Max Score: Set the maximum rating
Default Score: Set what rating is shown by default
Allow Half: Toggle whether user can set a half rating
Clearable: Toggle whether user can clear the rating once its set
Disabled: Toggle to disable rating element
See Tooltip for tooltip configurations.

Supported Events

Change: Triggered when a user changes the rating.

Supported Actions

Set Score Value: Set the value of the score.
Set Data: Change element data. See Data Store.
Set Loading: Set loading animation. See Set loading animations.
Visit Interactions for more on events and actions.
Last modified 5mo ago