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.

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.

Change Height

Component to animate changes in height when content expands or collapses.

Cross Fade

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

No Animation

Component to use as default in the template with dynamic components.

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.

Staggered Fade and Slide

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