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