react-gauges v1.0.0

react-gauges

This library provides a set of reusable gauge components for use in React applications.

Installation

To install the library, run the following command:

npm install react-gauges

Usage

To use the library in your React application, import the desired gauge component and pass in the necessary props. Here's an example of how to use the SimpleGauge component:

import { SimpleGauge } from "react-gauges";

function App() {
  return (
    <div>
      <SimpleGauge value={50} />
    </div>
  );
}

import { SimpleGauge } from "react-gauges";

function App() {
  return (
    <div>
      <SimpleGauge value={50} borderType="square" indicatorVisible={false} />
    </div>
  );
}

import { SimpleGauge } from "react-gauges";

function App() {
  return (
    <div>
      <SimpleGauge value={50} isTotal={true} />
    </div>
  );
}

Options

License

MIT © kevinjpuscan