React Metered Count

Count goes up

Installation

Install react-metered-count with npm

  npm install react-metered-count

Usage/Examples

import React, { useEffect, useState } from "react";
import { ScrolledCount } from "react-metered-count";

function App() {
  const [count, setCount] = useState(0);

  // Your count state change logic here
  // example snippet below.
  // This increments the count by 1
  // every 1000 milliseconds
  useEffect(() => {
    const timerReference = setInterval(() => {
      setCount((prev) => prev + 1);
    }, 1000);

    return () => {
      clearInterval(timerReference);
    };
  }, []);

  return (
    <>
      {/* returns in format 0 */}
      <ScrolledCount />
      {/* or */}
      <ScrolledCount fontSize={36} separator={"_"} count={count} />
    </>
  );
}

API Reference

Parameter	Type	Description	Default
fontSize	number	Optional. font size of count	80
separator	string	Optional. Separator between three digits	','
count	number	Optional. The count to increment & display	0

Authors

• @lizardkingLK