reactjs-countdown

A simple countdown timer component for React.js.

Usage no npm install needed!

<script type="module">
  import reactjsCountdown from 'https://cdn.skypack.dev/reactjs-countdown';
</script>

README

reactjs-countdown

A simple countdown timer component for React.js.

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

screenshot

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.