rating-bars-group

0.3.5 • Public • Published

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

Dependents (0)

Package Sidebar

Install

npm i rating-bars-group

Weekly Downloads

1

Version

0.3.5

License

none

Unpacked Size

12.3 kB

Total Files

6

Last publish

Collaborators

  • zoharbob