1.0.25 • Published 6 months 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
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