Skip to content

Latest commit

 

History

History
46 lines (30 loc) · 1.06 KB

README.md

File metadata and controls

46 lines (30 loc) · 1.06 KB

React component for fancy number transitions.

Live demo

react-number-easing screenshot

Installation

npm install react-number-easing --save

Usage.

var NumberEasing = require('react-number-easing');

<NumberEasing
  value={15}
  speed={300}
  ease='quintInOut' />

Props

  • value: The value that you want to display at the end of the animation.
  • [speed]: How fast do you want to finish the animation? Defaults to 500ms.
  • [useLocaleString]: Should use toLocaleString()?
  • [ease]: The easing equation for the animation. Defaults to quintInOut. You can choose from mattdesl/eases.

Build

If you want to build this from source, you will need babel and less.

npm install -g babel less

And run the pre publish script

npm run prepublish