RatingStars
Shows a static rating of a service such as a hotel.
When to use
- To display static ratings for services such as hotels.
- To display the results of previously collected ratings.
When not to use
- To collect ratings or other interactions—use button links.
Component status
Figma | React | iOS | Android |
|---|---|---|---|
Designing | Released | N/A | N/A |
Content structure
Behavior
Make clear what’s being rated
Rating stars automatically come with an aria label to describe the rating in words for those who might not see the visual cues. Use the context to make sure that it’s clear what the rating covers even if a user doesn’t see the stars.
Look & feel
Types
Ratings stars can be small, medium, or large.
The color (based on text colors) can be primary or secondary.