2.0.0 • Published 6 years ago

react-flip-numberss v2.0.0

Weekly downloads
2
License
Mit
Repository
github
Last release
6 years ago

npm version npm downloads npm npm

Make number animation looks sexy :clap:

Features:

  • Flip your numbers in 3D space
  • Super easy to use

Install

$ yarn add react-flip-numbers
or
$ npm install react-flip-numbers -S

Quick start

import react from 'react';
import FlipNumbers from 'react-flip-numbers';

export default () => {
    return <FlipNumbers
        height="12px"
        width="12px"
        color="red"
        background="white"
        play
        numbers="12345"
        numberStyle={{ color: "black" }}
    />;
}

API

PropTypeRequiredDescription
numbersstring
nonNumberStylestringCss inline style for not number eg , : .
numberStylestringCss inline style for number
heightnumberIndividual number height
widthnumberIndividual number width
colorstringNumber color
backgroundstringBackground color
perspectivenumberCss 3D transition perspective
durationSecondsnumber
delaySecondsnumber
playbooleanStart the animation