Star Rating

A simple star rating component.

Basic

The <StarRating/> component builds on top of the bits-ui <RatingGroup/> component so it has all the behaviors you'd expect.

Use the following composition to build a StarRating:

You can have an arbitrary number of stars.

You can also have half ratings. And they even work in RTL!

StarRating.

The root component for the Star Rating. Forwards all props and behavior to bits-ui RatingGroup.Root.

Documentation for this component's props can be found at bits-ui RatingGroup.Root

StarRating.

A single star in the Star Rating component. Used internally to render each star with its state.

On This Page