Rating-bars-group NPM

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

styled-components

@everything-registry/sub-chunk-2532

5 years ago

5 years ago

6 years ago

6 years ago