!NPM
!COVERAGE

React-Spinner-Timer

The React Spinner Timer for React.

Circular countdown timer with progressive animation.

Component

!React Spinner Timer

Installation and usage

To install React Spinner Timer you can run:

``
yarn add react-spinner-timer

or

npm install react-spinner-timer
`

To use:

`js
import React from "react";
import ReactSpinnerTimer from "react-spinner-timer";

function App() {
const handleChange = (lap) => {
if (lap.isFinish)
console.log("Finished!!");
else
console.log("Running!! Lap:", lap.actualLap);
};
return (
timeInSeconds={60}
totalLaps={60}
isRefresh={false}
onLapInteraction={handleChange}
isPause={false}
/>
);
}
export default App;

``
See another example at Code Sandbox

Props

$3

| Prop | Type | Description |
|-------------------|----------|---------------------------------------|
| timeInSeconds | Number | Component lap time |
| totalLaps | Number | Number of laps |
| onLapInteraction | Function | When you complete a lap, what to do? |
| isRefresh | Boolean | Refresh the lap (Optional) |
| isPause | Boolean | Default (true) pause time count |

$3

| Prop | Type | Description |
|-------------------|----------|---------------------------------------|
| actualLap | Number | Lap actual |
| totalLaps | Number | Number of total laps |
| isFinish | Boolean | Interactions is finished |
| timeInSeconds | Number | Time of lap |

---

Thanks

Thanks for downloading, use wisely!