JSPM

react-countdowner

1.3.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q25833F
  • License MIT

countdowner ui component for react

Package Exports

  • react-countdowner

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-countdowner) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-countdowner

A Basic CountDown Component

This project forked from rc-progress, which is awesome

Screenshot

react-counterdowner

Installation

yarn install react-countdowner

Usage

import {CountDowner}  from 'react-countdowner';

export default () => (
  <CountDowner  countFrom={10}  />
);

API

props

Name Type default description
countFrom number (seconds) 0 Which number to count down.
isStart boolean true You can control the start and stop state of the timer
startsIn number (seconds) 0 It means when the timer will start. Note that "isStart" must be true if you want to use it.
size number 450 Width and height of the timer
onFinish () => void null triggers when timer finished
onTick (interval: number, percent: number) => void null It triggers on every tick of the timer.

License

rc-progress, react-countdowner is released under the MIT license.