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 updated