react-countup-v2

React component wrap for CountUp.js

Installation

$ npm install --save countup.js react-countup-v2

Usage

import ReactCountUp from 'react-countup-v2';

export default () => {
  const onReady = (instance, CountUp) => {};
  const onComplete = (instance, CountUp) => {};
  const onUpdate = (instance, CountUp) => {};
  const onError = error => console.error(error);

  return (
    <ReactCountUp
      delay={10}
      endVal={1000}
      onReady={onReady}
      onComplete={onComplete}
      onUpdate={onUpdate}
      onError={onError}
    />
  );
}

propTypes

className: PropTypes.string,
delay: PropTypes.number,
endVal: PropTypes.number,
options: PropTypes.object,
onReady: PropTypes.func,
onComplete: PropTypes.func,
onUpdate: PropTypes.func,
onError: PropTypes.func,

Read more

defaultProps

className: null,
endVal: 100,
delay: 0,
options: {
  startVal: 0,
  decimalPlaces: 0,
  duration: 2,
  useEasing: true,
  useGrouping: true,
  smartEasingThreshold: 999,
  smartEasingAmount: 333,
  separator: ',',
  decimal: '.',
  easingFn: null,
  formattingFn: null,
  prefix: '',
  suffix: '',
  numerals: [],
},
onReady: () => {},
onComplete: () => {},
onUpdate: () => {},
onError: () => {},

License

MIT