https://github.com/Lapple/react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers
https://github.com/Lapple/react-transitive-number

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/Lapple/react-transitive-number
• Owner: Lapple
• Created: 2015-06-04T17:50:27.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2018-02-26T05:14:35.000Z (about 7 years ago)
• Last Synced: 2024-10-18T11:25:10.766Z (6 months ago)
• Language: JavaScript
• Size: 175 KB
• Stars: 213
• Watchers: 5
• Forks: 21
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-react-components-all - react-transitive-number - React component to apply transition effect to numeric strings, a la old Groupon timers. (Uncategorized / Uncategorized)
• awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• awesome-react - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers.  (UI Animation / GraphQL)
• awesome-list - react-transitive-number - React component to apply transition effect to numeric strings, a la old Groupon timers. (Ferramentas / Form Components)
• awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• awesome-react-components - react-transitive-number - React component to apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• fucking-awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)
• awesome-react-components - react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. (UI Animation / Form Components)

README

        
## react-transitive-number

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

![Demo](http://i.imgur.com/OJGsoig.gif)

- [Live demo](http://lapple.github.io/react-transitive-number/)

- [Example](https://github.com/Lapple/react-transitive-number/blob/master/example/index.js)

### Usage

```jsx

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

module.exports = React.createClass({

    render: function() {

        return (

            


                2:00

            

        );

    }

});

```


### 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.