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

Li0liQ/react-transitive-number

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 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

Languages

  • JavaScript 83.1%
  • HTML 16.9%