1.0.25 • Published 2 years ago
draxo-react-timer v1.0.25
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 |
1.0.25
2 years ago
1.0.24
2 years ago
1.0.23
2 years ago
1.0.22
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago