1.0.7 • Published 7 years ago
react-countdown-rp v1.0.7
react-countdown-rp
A React render prop component that counts down from now to a future time
Installation
$ npm install react-countdown-rpUsage
Specify a future time (in milliseconds) in the endsAt prop. The countdown will stop once it reaches 0. The children function is passed secondsRemaining and msRemaining numbers that you can use to render elements.
import Countdown from 'react-countdown-rp';
// 10 second countdown
<Countdown endsAt={Date.now() + 10000}>
  {({secondsRemaining, msRemaining}) => (
    <div>
      <h1>{secondsRemaining}</h1>
      <h3>{msRemaining}</h3>
    </div>
  )}
</Countdown>Props
| Name | Type | Required | Description | 
|---|---|---|---|
endsAt | Number | yes | Millseconds representing the end date (e.g. date.getTime()) | 
children | Function | yes | Called with object {secondsRemaining, msRemaining} as the only argument | 
onCompleted | Function | no | Fired when the countdown reaches 0 |