Rating Input

The Rating Input component is a star-based rating system designed to quickly inform a user about the overall feedback or quality of a product or idea. This is a non-interactive component and is intended to display ratings, rather than accept user input.

In addition to the stars, a metaInfo prop may be supplied to Rating that assists in describing to a user the information of what the Rating is for.

The maxRating prop can be adjusted to render any number of stars to change the supported range of the Rating component. The minimum value that will render is 1, with no upward bound. If the provided value is greater than the max rating, then the rendered value will equal to the max rating.

The Rating component supports a custom aria-label prop that, upon hovering, can provide useful information to the user regarding the rating.