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.