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