Animations-related components can be combined with other components to animate the display.

Animation components

Animate Width

Component to render a transition that wraps an UI element and animates its width.

Cross Fade

Component to render a transition that wraps and animates the UI with fades between two toggle elements simultaneously.

Staggered Fade and Slide

Component to render a transition transition group that wraps and animates UI elements with a staggered fade and slide animation.

Collapse Height

Component to render a transition that wraps and animates an UI element with a height animation.

Fade And Slide

Component to render a transition group that wraps and animates UI elements with a fade and slide animation.

Staggering Transition Group

Component that replaces a transition group and staggers the animations.

Collapse Width

Component to render a transition that wraps and animates an UI element with a width animation.

Fade

Component to render a transition that wraps and animates UI elements, fading in and out the element by changing its opacity.