1.0.2 • Published 6 years ago

flip-ya-numbers v1.0.2

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

npm version npm downloads npm npm

Make number animation looks sexy :clap:

Features:

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

Install

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

Quick start

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

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

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
startAnimationbooleanStart the animation
1.0.2

6 years ago

1.0.1

6 years ago

1.0.1-beta.3

6 years ago

1.0.1-beta.2

6 years ago

1.0.1-beta.1

6 years ago

1.0.0

6 years ago

0.0.1-beta.8

6 years ago

0.0.1-beta.7

6 years ago

0.0.1-beta.6

6 years ago

0.0.1-beta.5

6 years ago

0.0.1-beta.4

6 years ago

0.0.1-beta.3

6 years ago

0.0.1-beta.2

6 years ago

0.0.1-beta.1

6 years ago