React Common - Utils - fx

An object that serves as a namespace for the methods that are used to animate UI elements.

import fx from "devextreme/animation/fx"
Type:

Object

animate(element, config)

Animates an element.

Parameters:
element:

Element

The element.

config:

AnimationConfig

The element's animation properties.

Return Value:

Promise<void> (jQuery or native)

A Promise that is resolved after animation is completed. It is a native Promise or a jQuery.Promise when you use jQuery.

If you execute element animation before the previous one is completed, the animation is passed to a queue and is executed after the current one finishes.

isAnimating(element)

Checks whether an element is being animated.

Parameters:
element:

Element

The element.

Return Value:

Boolean

true if the element is being animated; otherwise false.

stop(element, jumpToEnd)

Stops an element's animation.

Parameters:
element:

Element

The element.

jumpToEnd:

Boolean

Specifies whether to apply the target animation state or leave the current state.