react-flip-numbers

    3.0.5 • Public • Published

    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
    

    react flip numbers

    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
    duration number
    delay number

    Install

    npm i react-flip-numbers

    DownloadsWeekly Downloads

    2,305

    Version

    3.0.5

    License

    Mit

    Unpacked Size

    20.9 kB

    Total Files

    7

    Last publish

    Collaborators

    • bluebill1049