Skip to content

Commit 722fc72

Browse files
committed
update README
1 parent 4639389 commit 722fc72

File tree

1 file changed

+10
-11
lines changed

1 file changed

+10
-11
lines changed

README.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# rc-queue-anim
22
---
33

4-
Animate React Component in queue, thanks to [rc-animate](https://github.com/react-component/animate) and [enter-animation](https://github.com/ant-design/enter-animation).
4+
Animate React Component in queue, thanks to [rc-animate](https://github.com/react-component/animate) and [enter-animation](https://github.com/jljsj33/enter-animation).
55

66
[![NPM version][npm-image]][npm-url]
77
[![build status][travis-image]][travis-url]
@@ -23,13 +23,10 @@ Animate React Component in queue, thanks to [rc-animate](https://github.com/reac
2323
[download-image]: https://img.shields.io/npm/dm/rc-queue-anim.svg?style=flat-square
2424
[download-url]: https://npmjs.org/package/rc-queue-anim
2525

26-
2726
## Example
2827

2928
http://react-component.github.io/queue-anim/examples/
3029

31-
Use in Ant Design: http://ant.design/components/queue-anim
32-
3330
![](https://t.alipayobjects.com/images/rmsweb/T12PliXjXgXXXXXXXX.gif)
3431

3532
## Usage
@@ -39,11 +36,13 @@ import QueueAnim from 'rc-queue-anim';
3936
import React from 'react';
4037
import ReactDom from 'react-dom';
4138

42-
ReactDom.render(<QueueAnim>
43-
<div key="1">enter in queue</div>
44-
<div key="2">enter in queue</div>
45-
<div key="3">enter in queue</div>
46-
</QueueAnim>, container);
39+
ReactDom.render(
40+
<QueueAnim>
41+
<div key="1">enter in queue</div>
42+
<div key="2">enter in queue</div>
43+
<div key="3">enter in queue</div>
44+
</QueueAnim>
45+
, mountNode);
4746
```
4847

4948
## Install
@@ -66,10 +65,10 @@ ReactDom.render(<QueueAnim>
6665
| duration | number / array | 450 | duration of animation |
6766
| interval | number / array | 100 | interval of duration |
6867
| leaveReverse | boolean | false | reverse animation order at leave |
69-
| ease | string / array | `easeOutQuart` | animation easing string, [more](http://julian.com/research/velocity/#easing) |
68+
| ease | string / array | `easeOutQuart` | animation easing config like `'ease'`, `['easeIn', 'easeOut']`, `[[.42,0,.58,1]`, [.42,0,.58,1]]: [more](http://julian.com/research/velocity/#easing) |
7069
| component | string | `div` | component tag |
7170
| animatingClassName | array | `['queue-anim-entering', 'queue-anim-leaving']` | className to every element of animating |
72-
| onEnd | function | null | animate end callback({ key, type }), type: `enter` or `leave` |
71+
| onEnd | function | null | animate end callback({ key, type }), type: `enter` or `leave` |
7372

7473
> Above props support array format, like `['left', 'top']`, the secord item is leave config. [Demo](http://react-component.github.io/queue-anim/examples/enter-leave.html)
7574

0 commit comments

Comments
 (0)