Developer mode
Opens components on the React tab by default.
Your bookmarks

RatingStars / React

Shows a static rating of a service such as a hotel.

To implement RatingStars component into your project you’ll need to add the import:

import RatingStars from "@kiwicom/orbit-components/lib/RatingStars";

After adding import into your project you can use it simply like:

<RatingStars rating={3} size="medium" color="attention" showEmpty />


Table below contains all types of the props available in RatingStars component.

Name Type Default Description
color enum "primary" The color of stars.
dataTest string Optional prop for testing purposes.
size enum "small" The size of stars.
showEmpty boolean false Show empty stars.
rating number The rating number to display.


size color
"small" "primary"
"medium" "secondary"