Draxo React Timer

A simple React timer library for managing countdowns.

Installation

You can install with npm or yarn.

npm install draxo-react-timer

yarn add draxo-react-timer

Usage

import React from 'react';
import { useReactTimer } from 'draxo-react-timer';

const TimerExample = () => {
  const { handleStopClick, handleStartClick, handleResetClick, time } =
    useReactTimer({ hours: 0, mins: 1, segs: 0 });

  return (
    <div>
      <button onClick={handleStopClick}>Stop</button>
      <button onClick={handleStartClick}>Start</button>
      <button onClick={handleResetClick}>Reset</button>
      {time}
    </div>
  );
};

export default TimerExample;

User guide

Props

| Prop name | Description | Type | |-------------|-------------------------------------|---------| | hours | Add the hours for the timer. max 24 | number | | mins | Add the mins for the timer. max 60 | number | | segs | Add the segs for the timer. max 60 | number | | isDecrement | Allows you to reverse the timer. | boolean |