Skip to content

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

Notifications You must be signed in to change notification settings

Lapple/react-transitive-number

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-transitive-number

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

Demo

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.

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published