Skip to content

Noor0/react-meter-bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-meter-bar

A simple react meter component with seperators and labels Live demo

Installation
yarn add react-meter-bar
npm install react-meter-bar
Example #1
import Bar from 'react-meter-bar';

<Bar
  labels={[0,10,20,30,40,50,60,70,80,90,100]}
  labelColor="steelblue"
  progress={80}
  barColor="#fff34b"
  seperatorColor="hotpink"
/>
Example #2
import Bar from 'react-meter-bar';

<Bar
  labels={["","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T"]}
  labelColor="steelblue"
  progress={85}
  barColor="#FF0303"
  seperatorColor="#fff"
  />

react-meter-bar

About

A simple react meter component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages