reactjs-countdown

reactjs-countdown

A simple countdown timer component for React.js.

This package is inspired from the awesome vuejs-countdown package.

Installation

npm

npm i reactjs-countdown --save

Usage

import React, { Component } from 'react';
import CountDown from 'reactjs-countdown';

class Something extends Component {
    constructor(props) {
        // something
    }

    render() {
        return(
            <div>
                <CountDown
                    deadline="August 22, 2022"
                />
                or
                <CountDown
                    end="August 22, 2022"
                />
            </div>
        );
    }
}

export default Something;

Other Config

You can stop the countdown timer anytime by passing true (Boolean) with stop props.

Caution

Please don't provide any confusing date format since it has no dependency to Moment.js or any other date helpers. You can check here more date format.