Rating

To support users with screen readers, an aria-label is used to provider a description of the rating.

The aria-label can be customised by providing the aria-label prop.

The appearance can be customised via the variant prop, choosing from full (default), starsOnly or minimal.

Default

Stars only

Minimal

Follows the same sizing rules as the Text component.

large

standard

small

xsmall

Supports the same weight scale available on the Text component.

Note: Setting the weight prop is only valid when using a variant that displays the text rating.

regular

medium

strong