text animate component for react
npm install rc-textyReact TextyAnim Component
[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]

[![npm download][download-image]][download-url]
[npm-image]: http://img.shields.io/npm/v/rc-texty.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rc-texty
[travis-image]: https://img.shields.io/travis/react-component/texty.svg?style=flat-square
[travis-url]: https://travis-ci.org/react-component/texty
[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
[node-url]: http://nodejs.org/download/
[download-image]: https://img.shields.io/npm/dm/rc-texty.svg?style=flat-square
[download-url]: https://npmjs.org/package/rc-texty
http://localhost:8010/examples/
online example: http://react-component.github.io/texty/

``js`
var TextyAnim = require('rc-texty');
var React = require('react');
React.render(
| name | type | default | description |
|-----------|----------------|-----------|----------------|
| className | string | null | class name. |texty
| prefixCls | string | | prefix class |top
| type | string | | animation style, 'left' \| 'right' \| 'top' \| 'bottom' \|'alpha' \| 'scale' \| 'scaleX' \| 'scaleBig' \| 'scaleY' \| 'mask-bottom' \| 'mask-top' \| 'flash' \| 'bounce' \| 'swing' \| 'swing-y' \| 'swing-rotate'. |smooth
| mode | string | | animate sport mode. 'smooth' \| 'reverse' \| 'random' \| 'sync' |450
| duration | number \| func | | Except for special animation 'flash' \| 'bounce' \| 'swing' \| 'swing-y' \| 'swing-rotate'. one text animation duration |50
| interval | number \| func | | animation interval, is function: (e: { key: string }) => number. Key is split text plus sequence(text-1). |0
| delay | number | | animation overall delay. |null
| split | func | | children split, return string |
| name | type | default | description |
|------------|----------------|---------|----------------|
| appear | boolean | true | whether support appear anim |
| enter | object / array / func | null | enter anim twee-one data. when array is tween-one timeline, func refer to queue-anim |null
| leave | object / array / func | | leave anim twee-one data. when array is tween-one timeline, func refer to queue-anim |['tween-one-entering', 'tween-one-leaving']
| onEnd | func | - | one animation end callback |
| animatingClassName | array | | className to every element of animating |enter => leave`: execute immediately leave |
| exclusive | boolean | false | Whether to allow a new animate to execute immediately when switching.
| component | React.Element/String | div | component tag |
| componentProps | object | - | component tag props |
rc-texty is released under the MIT license.