Simple React Star Rating

The typical rating star component with number indicator.

Install

npm install simple-react-star-rating

With 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