Rating stars shows a rating of some item, e.g. hotel. They are not supposed to be interactive.

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"
"large" "attention"