The React Animation component assists with animating HTML elements which appear, enter or exit the viewport. Used internally in many KendoReact UI components, this component is available as a standalone React component to help React developers animate their UI elements.
Out of the box, the KendoReact Animation component comes with many different types of animations, including Fade, Expand, Push, Reveal, Slide and Zoom animations.
Beyond animating an element, a single time, the React Animation component can stack animations, letting a series of animations happen one after another.
There may be scenarios where the animations that have been added to the page may have to be disabled until a certain criterion has been met. This is why the KendoReact Animation component can toggle between enabled and disabled with a single configuration option.
To ensure that the KendoReact animation component can fit any scenario, many aspects of the built-in animations can be customized to make the animations your own.