React component to apply transition effect to numeric strings

by React

react-transitive-number

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

Live Demo

http://lapple.github.io/react-transitive-number/

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.

GitHub