react-rating

React Rating

React Rating is a react rating component which supports custom symbols both with inline styles and glyphicons found in popular CSS Toolkits like Fontawesome or Bootstrap.

I intend to port the jQuery bootstrap-rating to a React component.

Demo

See react-rating in action.

Installation

You can install react-rating component using the npm package manager:

npm install --save react-rating

Dependencies

The react-rating component peer depends on the React library.

You can install React using npm too:

npm install --save react

Usage

1. Require the Rating Component

   var Rating = require('react-rating');
   

2. Start using it

   With raw javascript:

   React.createElement(Rating)
   

   Or with JSX:

   <Rating />
   

Properties

Property	Type	Default	Description
start	number	1	Range starting value (inclusive).
stop	number	5	Range stop value (inclusive).
step	number	1	Step increment (negative) or decrement (positive).
initialValue	number	undefined	Initial rate value.
empty	string or object	Style.empty	Inline style object or classes applied to the rating symbols when empty.
filled	string	Style.full	Inline style object or classes applied to the rating symbols when filled.
readonly	bool	false	Whether the rating can be modified or not.

Callbacks

Callback	Type	Description
onChange	function (rate) {}	Called when the rate is changed.

License

MIT License