Installation:
npm i rating-bars-group -S
or yarn add rating-bars-group
Props:
Prop | Type | Description | Default | Required |
---|---|---|---|---|
bars |
Array | Array of objects which contains size , title and color
|
true | |
empHighest |
Boolean | Whenever to emphasise the maximum number or not | false | false |
limitBars |
Number | Set a limit indicator of a nonzero positive number to show on top of the bars | false | false |
onFinish |
Function | Callback function which invoked once the bars reach its size number |
false | |
isGlowing |
Boolean | Whenever to make a glowing effect to the bars when mouse over them | false |
Example:
import React from "react";
import ReactDOM from "react-dom";
import { RatingGroup } from 'rating-bars-group';
const bars = [
{ size: 70, color: '#D20025', title: 'Angular'},
{ size: 100, color: '#53D2F9', title: 'React'},
{ size: 90, color: '#37AD70', title: 'Vue'}
];
function App() {
return (
<RatingGroup bars={bars} />
);
}