react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers

Programming language: JavaScript

License: MIT License

Tags: UI Animation     React     React-component     Animation     Transition     Number    

Latest version: v3.1.0

README

react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers

• Live demo
• Example

Usage

var TransitiveNumber = require('react-transitive-number');

module.exports = React.createClass({
    render: function() {
        return (
            <div>
                <TransitiveNumber>2:00</TransitiveNumber>
            </div>
        );
    }
});

Properties

props.children

Text value that should be converted.

props.enableInitialAnimation

Boolean value to toggle animation when component is mounted first time. Defaults to false.

props.className

Optional class name.