Component <Rating />

Props

Props	Type	Meaning	Possible values
rating	number	Change rating value. Can be from 0 to 5	from 0 to 5
color	string	Change rating star color	yellow / red / green
withNumber	boolean	Add rating number after the last star	true / false
layout	string	Change rating stars view	single / multy
handleChange	function	Action, after star was clicked. Used for dynamic rating	(rating: number) => void

---

States

<Rating rating={0} />
<Rating rating={3} />
<Rating rating={5} />

---

Colors

<Rating color="yellow" rating={4} />
<Rating color="red" rating={4} />
<Rating color="green" rating={4} />

---

With value

<Rating rating={0} withNumber />
<Rating rating={3} withNumber />
<Rating rating={5} withNumber />

0.0

3.0

5.0

---

Layouts

<Rating rating={3} layout="single" withNumber />
<Rating rating={3} layout="multy" withNumber />

3.0

3.0

---

With action

<Rating rating={rating} handleChange={newRating => setRating(newRating)} />
<Rating rating={ratingWithValue} handleChange={newRating => setRatingWithValue(newRating)} withNumber />

3.0