react-hook-animate-number v1.0.6

react-hook-animate-number

Horizontal scroll component for javascript

A simple number animation using React hooks.

Try out the DEMO HERE

Install

npm install --save react-hook-animate-number

Usage

//
// \FUNCTIONAL COMPONENT
//
import React from 'react'

import useAnimateNumber from 'react-hook-animate-number'

const Example = () => {
 const animatedNumber = useAnimateNumber({ number: 1203 })
 return <>{animatedNumber.number}</>
}

Returns

{
  number: 3, // Number
  isAnimating: true, // Boolean
  isGoingUp: true // boolean
}

• number number Returns the current number
• isAnimating boolean Is the number currently being animated
• isGoingUp boolean Is the number currently going up or down

Attributes

Todo

• Add more tests

License

MIT © desduvauchelle