# react-countup-v2

**Repository Path**: mirrors_xlsdg/react-countup-v2

## Basic Information

- **Project Name**: react-countup-v2
- **Description**: React component wrap for CountUp.js
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2026-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-countup-v2

> React component wrap for CountUp.js

## Installation

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

## Usage

``` javascript
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

``` javascript
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](https://github.com/inorganik/countUp.js)

## defaultProps

``` javascript
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