Rating stars


Ratings provide insight regarding others' opinions and experiences with a product, helping users make more informed purchase decisions. Users can also rate products they've purchased.

Use ratings to help users make informed buying decisions. Regardless of the size variant you use, make it clear which product the ratings pertain to.

Large variation

Typically on product detail pages (PDP).

Should be coupled together with Ratings & Review. (Need clarification from OSG on what this means. Right now, I can interpret many ways.)

Small variation

Typically on product detail pages (PDP).


See the Pen Rating Stars Demo by Microsoft.com (@microsoft) on CodePen.