Neti Pot Manufacturer

    react-countdown-rp

    1.0.7 • Public • Published

    react-countdown-rp

    A React render prop component that counts down from now to a future time

    Installation

    $ npm install react-countdown-rp

    Usage

    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

    Install

    npm i react-countdown-rp

    DownloadsWeekly Downloads

    3

    Version

    1.0.7

    License

    MIT

    Unpacked Size

    3.14 kB

    Total Files

    4

    Last publish

    Collaborators

    • trevorblades