React Common - utils - animationPresets

A repository of animations.

import animationPresets from "devextreme/animation/presets"

To avoid defining animations each time you animate an element(s), register different animations in the DevExtreme.animationPresets repository and request them by associated names when required. This repository has a built-in set of animations. Here they are:

  • fade
  • stagger-fade
  • slide
  • stagger-slide
  • ios7-slide
  • overflow
  • ios7-toolbar
  • stagger-smooth-drop
  • stagger-drop
  • stagger-3d-drop
NOTE
Stagger-like animations are executed by the transitionExecutor only. They cannot be applied by calling the animate method for a particular element.

To populate the animationPresets repository with your animations, use the registerPreset(name, config) method. To get the required animation from the repository, use the getPreset(name) method.

Methods

This section describes the methods provided by the DevExpress.animationPresets object.

Name Description
applyChanges()

Applies the changes made in the animation repository.
clear()

Removes all animations from the repository.
clear(name)

Deletes an animation with a specific name.
getPreset(name)

Gets the configuration of an animation with a specific name.
registerDefaultPresets()

Registers predefined animations in the animation repository.
registerPreset(name, config)

Adds an animation with a specific name to the animation repository.
resetToDefaults()

Deletes all custom animations.