@@ -8,7 +8,7 @@ details about why and how we built this.
8
8
9
9
See the [ live demo] ( http://twitter-fabric.github.io/velocity-react/ ) .
10
10
11
- ** Latest version:** v1.2.1 updates babel from v5 to v6
11
+ ** Latest version:** v1.2.2 adds interruptBehavior for implicit animations
12
12
13
13
* Note: v1.1.0 and later require React 0.14.*
14
14
@@ -93,6 +93,13 @@ return to after animating away.
93
93
A special value of "children" will use the direct children of the node, since there isn't a
94
94
great way to specify that to ` querySelectorAll ` .
95
95
96
+ ` interruptBehavior ` : Specifies what should happen to an in-progress animation if the ` animation `
97
+ property changes. By default is ` stop ` , which stops it at its current position, letting the new
98
+ animation use that as a starting point. This generally gives the smoothest results. Other options
99
+ are ` finish ` , which jumps the animation to its end state, and ` queue ` , which will proceed with
100
+ the new animation only after the old one has finished. These options may be necessary to avoid
101
+ bad behavior when certain built-in effects like "slideUp" and "slideDown" are toggled rapidly.
102
+
96
103
Unrecognized properties are passed as options to Velocity (e.g. ` duration ` , ` delay ` , ` loop ` ).
97
104
98
105
#### Methods
@@ -139,7 +146,7 @@ are prerequisites for correct animation. The style value is applied using Veloci
139
146
routines, which may differ from React's.
140
147
141
148
Any hash entries beyond ` animation ` and ` style ` are passed in an options hash to Velocity. Use this
142
- for options like ` stagger ` , ` reverse ` , * &tc .*
149
+ for options like ` stagger ` , ` reverse ` , * &c .*
143
150
144
151
#### Statics
145
152
0 commit comments