1.0.7 • Published 5 months ago

gauge-speed-meter v1.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

Gauge Speed Meter

A lightweight and customizable React component to display a speed meter, such as an internet speed meter. The package provides a user-friendly interface and allows customization of the meter's appearance.

Screenshot

Gauge Speed Meter Screenshot

Installation

You can install the package using npm, yarn, or pnpm:

Demo

"https://thepingtest.com/"

Using npm:

npm i gauge-speed-meter

Using yarn:

yarn add gauge-speed-meter

Using pnpm:

pnpm add gauge-speed-meter

Usage

Import the GaugeSpeedMeter component and use it in your React application. Below is an example of how to display an internet speed meter:

import React from 'react';
import GaugeSpeedMeter from 'gauge-speed-meter';

const App = () => {
  return (
    <div>
      <h1>Internet Speed Meter</h1>
      <GaugeSpeedMeter 
        internetSpeed={10} 
        status={true} 
        arcColor="#e1eb88" 
      />
    </div>
  );
};

export default App;

Props

PropTypeDescription
internetSpeedNumberThe speed value to display in the gauge (e.g., Mbps).
statusBooleanThe status indicating whether the meter is active.
arcColorStringThe color of the arc in the gauge (Hex/RGB value).

Features

  • Fully customizable speed meter.
  • Supports different color schemes.
  • Simple and lightweight.

License

This project is licensed under the MIT License.

1.0.7

5 months ago

1.0.6

7 months ago

1.0.5

7 months ago

1.0.4

7 months ago

1.0.3

7 months ago

1.0.2

7 months ago

1.0.1

7 months ago

1.0.0

7 months ago