Rating-Bars-Group

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} />
  );
}

View with Storybook