Animate component

Animate the target component according to the given options.

Animate the target component according to the given options.
Input arguments
Label
Key
Type
Required?
Default
Description
View component
componentId
ComponentId
Yes
–
Target view component to animate.
animation
animation
String
Yes
–
Animation name.
Duration
duration
Number(integer)
No
1000
Duration of the animation, in milliseconds.
Delay
delay
Number(integer)
No
–
Delay before the animation is run, in milliseconds.
Direction
direction
String
No
normal
Direction of the animation. For looping animations, the alternate and alternate-reverse values can be used to change the animation direction after every loop.
Easing
easing
String
No
linear
Timing function for the animation. See below for valid values.
Iteration count
iterationCount
Number(integer)
No
1
How many times to run the animation. Use the Loop property to continue looping the animation indefinitely.
Iteration delay
iterationDelay
Number(integer)
No
–
How long to pause between animation iterations, in milliseconds.
Loop
loop
Boolean
No
–
If true, loop the animation indefinitely. Overrides Iteration count.
Style properties to animate
styleProps
Array
No
–
List of style property keys to transition with the animation.
Output arguments
Number of outputs: 1
No output arguments.
Events
No events.
Errors
No errors.

View

Focus input

Last updated 4 months ago

Label	Key	Type	Required?	Default	Description
View component	`componentId`	ComponentId	Yes	–	Target view component to animate.
animation	`animation`	String	Yes	–	Animation name.
Duration	`duration`	Number(integer)	No	1000	Duration of the animation, in milliseconds.
Delay	`delay`	Number(integer)	No	–	Delay before the animation is run, in milliseconds.
Direction	`direction`	String	No	normal	Direction of the animation. For looping animations, the `alternate` and `alternate-reverse` values can be used to change the animation direction after every loop.
Easing	`easing`	String	No	linear	Timing function for the animation. See below for valid values.
Iteration count	`iterationCount`	Number(integer)	No	1	How many times to run the animation. Use the Loop property to continue looping the animation indefinitely.
Iteration delay	`iterationDelay`	Number(integer)	No	–	How long to pause between animation iterations, in milliseconds.
Loop	`loop`	Boolean	No	–	If `true`, loop the animation indefinitely. Overrides Iteration count.
Style properties to animate	`styleProps`	Array	No	–	List of style property keys to transition with the animation.