Star Rating

Star Rating

The Star Rating component lets users give a rating (e.g. 1–5 stars) or displays a read-only rating. Use it in feedback forms, reviews, or anywhere you need a simple rating input.

Key properties

Property	Type	Description	Example
totalStars	Whole number	Number of stars to show.	5
value	Whole number	Current rating (input/output). Bind to a column or variable.	3
color	Text	Color for filled stars (optional; uses theme if not set).	"#FFB800"
emptyColor	Text	Color for empty stars (optional).	"#E0E0E0"
readOnly	Boolean	If true, shows rating without allowing change.	false
disabled	Boolean	If true, the control is disabled.	false

Usage

• Canvas: Add the component, set Value to a variable (e.g. varRating) or gallery field. Read the rating with StarRating1.Value. Example: Set(varRating, StarRating1.Value) or Patch(Reviews, ThisItem, { Rating: StarRating1.Value }).
• Model-Driven: Add the control to a Whole number column; bind the column to the component’s Value so the rating is saved to the table.

Example (Canvas)

// Default 5 stars, value from a variable
StarRating1.Value = varRating

// Save to a collection
Patch(MyCollection, ThisItem, { Rating: StarRating1.Value })