The Rating component is a visible component which can be used to display the rating of a product or content in your app, and allow the user to leave their own rating.
A Rating component is made up of 5-10 icons. An icon can be filled, partially filled, or empty, as seen below:
Initial value displayed on the Rating component. Can be any number between 0 and the maximum value, including decimals.
Maximum rating that can be given. Can be an integer between 5 and 10, selected from a drop-down menu.
You can select an image from the list available. All of the image options are suitable for any platform. You can preview the image options here.
You can upload your own images to be displayed for filled and empty icons.
Toggle whether your Rating component is visible.
Select how the Rating component is displayed: as a row (left-right), row-reverse (right-left), column (top-bottom), or column-reverse (bottom-top).
Toggle whether the user can edit the value displayed on the Rating component. If read-only is true, the value cannot be edited. If read-only is false, the value can be edited.
Change the size of the icons that make up the Rating component.
Change the size of the margin between the icons of the Rating component.
Select the color of a filled icon.
Select the color of an unfilled icon.
This block fires when a user enters a rating in the Rating component.