Package Exports
- react-animated-counter
- react-animated-counter/dist/index.js
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-animated-counter) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
React Animated Counter
A React component for beautifully animated incrementation & decrementation of a state integer value. Inspired by Robinhood's portfolio balance animation.
Installation
npm install react-animated-counter
Required dependencies
React Animated Counter's sole dependency is framer-motion, a lightweight animation library.
Usage
Props:
Note: All props are optional and have default values.
| Name | Type | Description | Default |
|---|---|---|---|
| value | integer | The state integer value | 0 |
| fontSize | string | Applied css font-size |
18px |
| color | string | Applied css color |
black |
| incrementColor | string | Animation color when value increases |
#32cd32 |
| decrementColor | string | Animation color when value decreases |
#fe6862 |