# react-star-rating-component [![npm version](http://badge.fury.io/js/react-star-rating-component.svg)](http://badge.fury.io/js/react-star-rating-component) [![Dependency Status](http://david-dm.org/voronianski/react-star-rating-component.svg)](http://david-dm.org/voronianski/react-star-rating-component) [![Download Count](http://img.shields.io/npm/dm/react-star-rating-component.svg?style=flat)](http://www.npmjs.com/package/react-star-rating-component) > Tiny [React.js](https://facebook.github.io/react) component for star (or any other *icon based*) ratings. ## Install ```bash npm install react-star-rating-component --save ``` ## Demo [

](http://voronianski.github.io/react-star-rating-component/example) ## Props ```javascript ``` ## Examples ### Editable ```javascript import React from 'react'; import ReactDOM from 'react-dom'; import StarRatingComponent from 'react-star-rating-component'; class App extends React.Component { constructor() { super(); this.state = { rating: 1 }; } onStarClick(nextValue, prevValue, name) { this.setState({rating: nextValue}); } render() { const { rating } = this.state; return (

Rating from state: {rating}

); } } ReactDOM.render( , document.getElementById('app') ); ``` ### Non-editable (with custom icons) ```javascript import React from 'react'; import ReactDOM from 'react-dom'; import StarRatingComponent from 'react-star-rating-component'; class App extends React.Component { render() { const { rating } = this.state; return (

Rating from state: {rating}

} starCount={10} value={8} />

); } } ReactDOM.render( , document.getElementById('app') ); ``` Check more in [examples folder](https://github.com/voronianski/react-star-rating-component/tree/master/example). --- **MIT Licensed**

	Stars	Issues	Version	Updated	Created
react-rating	501	23	2.0.5	4 years ago	9 years ago
react-star-rating-component	376	25	1.4.1	6 years ago	8 years ago
react-star-ratings	149	43	2.3.0	6 years ago	7 years ago

react-rating vs react-star-rating-component vs react-star-ratings

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past