Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

che-react-number-easing

Package Overview
Dependencies
3
Maintainers
1
Versions
6
Issues
File Explorer

Advanced tools

che-react-number-easing

React component for fancy transition for numbers.

    0.1.4latest

Version published
Maintainers
1
Yearly downloads
109,533
decreased by-16.74%

Weekly downloads

Readme

Source

React Number Easing

React component for fancy number transitions.

Live demo

react-number-easing screenshot

Installation

npm i -S che-react-number-easing

Usage.

const NumberEasing = require('che-react-number-easing'); <NumberEasing ease="quintInOut" precision={2} speed={300} trail={true} useLocaleString={true} value={15} />

Props

  • [ease]: The easing equation for the animation.
  • [precision]: How many decimal places you want to show?
    • Default: 2
    • Type: number
  • [speed]: How fast do you want to finish the animation?
    • Default:500 (ms)
    • Type: number
  • [trail]: Do you want trailing zeroes?
    • Default: false
    • Type: boolean
  • [useLocaleString]: Use number formatting based on locale?
    • Default: false
    • Type: boolean
  • [value]: The value that you want to display at the end of the animation.
    • Required
    • Type: number

Build

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

npm install

And run the pre publish script

npm run prepare

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc