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 />
Props
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. |
enum
size | color |
---|---|
"small" |
"primary" |
"medium" |
"secondary" |
"large" |