React component to apply transition effect to numeric strings Sample in 2020

React component to apply transition effect to numeric strings Sample in 2020


tutorials -

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

Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff