npm.io
2.2.0 • Published 7 years ago

react-flip-numbers-os

Licence
Mit
Version
2.2.0
Deps
1
Size
121 kB
Vulns
0
Weekly
0
Stars
322
SummaryDependencyVersions

React Flip Numbers

Coverage Status npm version npm downloads npm npm

Make number animation looks sexy

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

Install

npm install react-flip-numbers -S

Flip your number

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

Prop Type Required Description
numbers string ✓
play boolean ✓ Start the animation
height number ✓ Individual number height
width number ✓ Individual number width
color string ✓ Number color
background string ✓ Background color
perspective number Css 3D transition perspective
nonNumberStyle string Css inline style for not number eg , : .
numberStyle string Css inline style for number
durationSeconds number
delaySeconds number

Keywords

reactnumberanimate