React Component to animate a number changing value
npm install --save @jhonnold/react-animated-numberimport AnimatedNumber from '@jhonnold/react-animated-number';
<AnimatedNumber number={...} />;See the example to get a full understanding of functionality.
Type: number
Required
The value to be display
Type: number
Default: 0
The starting value that the intial animation will begin from
Type: number
Default: 60
The framerate of the animation. Note, this is a maximum, not a forced framerate.
Type: number
Default: 250
The duration of the animation in ms.
Type: (value: number): string | number;
A function to format the output of an animation. i.e. Math.round
Type: string
Default: 'p'
The element to render the animated value with.
MIT © jhonnold