Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

simple-react-star-rating

JanithSamee13MIT1.0.0

The typical rating star component with number indicator

star, rating, star rating, react-star-rating, starrating, star rating with numbers, rating-numbers

readme

Simple React Star Rating

The typical rating star component with number indicator.

Install

npm install simple-react-star-rating

With number indicator

star-rating

Without number indicator

star-rating

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