Simple React Star Rating
The typical rating star component with number indicator.
Install
npm install simple-react-star-ratingWith number indicator
Without number indicator
Examples
import StarRating from "simple-react-star-rating";
function App() {
return (
<div>
<StarRating showNumaric={true} size="16pt" value={3}></StarRating>
</div>
);
}
export default App;Properties
| Properties | Type | default | Description |
|---|---|---|---|
| readOnly | boolean |
false |
Only shows the value and can not be changed |
| disabled | boolean |
false |
Read only and opasity will 0.7 |
| value | number |
0 |
The value should be a displayed |
| numOfStars | number |
5 |
Number of stars in the component |
| size | string |
24pt |
The size of the component in px or pt
|
| showNumaric | boolean |
true |
Show or hide the Number indicator |