This is a react UI component of displaying countdown timer
You can find deployed demo version here: https://maomaozh.github.io/countdown-timer/yarn add react-countdown-timer-component
or
npm install react-countdown-timer-component
import React from "react";
import { render } from "react-dom";
import CountdownTimer from "react-countdown-timer-component";
render(
<CountdownTimer
seconds={80}
isDisplayEndTime={false}
isDisplayResetButton={true}
/>,
document.getElementById("root")
);
overall countdown seconds. This props is required.
this will display a string with endtime, eg "Be back at ${endtime}". This props is optional, default setting is false.
this will display a button to reset timer to "00:00:00". This props is optional, default setting is false.
You can define your timer wrapper class. This props is optional.
You can define your timer class. This props is optional.
MIT