1.0.25 • Published 6 months ago

draxo-react-timer v1.0.25

Weekly downloads
-
License
-
Repository
github
Last release
6 months ago

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 nameDescriptionType
hoursAdd the hours for the timer. max 24number
minsAdd the mins for the timer. max 60number
segsAdd the segs for the timer. max 60number
isDecrementAllows you to reverse the timer.boolean
1.0.25

6 months ago

1.0.24

6 months ago

1.0.23

6 months ago

1.0.22

6 months ago

1.0.21

6 months ago

1.0.20

6 months ago

1.0.19

6 months ago

1.0.18

6 months ago

1.0.17

6 months ago

1.0.16

6 months ago

1.0.15

6 months ago

1.0.14

6 months ago

1.0.13

6 months ago

1.0.12

6 months ago

1.0.11

6 months ago

1.0.10

6 months ago

1.0.8

6 months ago

1.0.7

6 months ago

1.0.6

6 months ago

1.0.5

6 months ago

1.0.4

6 months ago

1.0.3

6 months ago

1.0.2

6 months ago

1.0.1

6 months ago

1.0.0

6 months ago