react-fancy-countdown v1.0.3

React-Fancy-Countdown

A fancy countdown component for React.

Demo

Live demo: https://abnerlin.github.io/React-Fancy-Countdown/

Installation

npm install --save react-fancy-countdown

Usage

Basic Countdown

This is basic usage, the more advanced usage please check Demo.

import { BasicCountdown } from 'react-fancy-countdown';
 
class App extends React.Component {
  ...
  render() {
    <BasicCountdown
      deadline="2030-12-31 14:23:22"
      format="Y[y] M[m] W[w] D[d] HH[hrs] mm[mins] ss[secs]" />
  }
}

Basic Countdown Props

Flip Countdown

This is basic usage, the more advanced usage please check Demo.

import { FlipCountdown } from 'react-fancy-countdown';
import 'react-fancy-countdown/dist/countdown.css';
 
class App extends React.Component {
  ...
  render() {
    <FlipCountdown
      deadline="2030-12-31 14:23:22" />
  }
}

Flip Countdown Props

Slide Countdown

This is basic usage, the more advanced usage please check Demo.

import { SlideCountdown } from 'react-fancy-countdown';
import 'react-fancy-countdown/dist/countdown.css';

class App extends React.Component {
  ...
  render() {
    <SlideCountdown
      deadline="2030-12-31 14:23:22" />
  }
}

Slide Countdown Props