2.2.0 • Published 5 years ago

react-flip-numbers-os v2.2.0

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

React Flip Numbers

Coverage Status npm version npm downloads npm npm

Make number animation looks sexy :clap:

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

Install

npm install react-flip-numbers -S

Quickstart

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

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

API

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