Animations

Slide Down animation

Use SlideDown for content that should settle into place from above.

Slide Down

A small motion wrapper for entrance and exit composition.

Example 1

Slide Down

Example 2

Slide Down

Example 3

Slide Down


Slide Down

Import from the animation category.

Viewport trigger


Slide Down

Starts when the preview enters the viewport.

Override values


Custom Slide Down

Adjust preset targets with props.

What it does

Animates vertical position from an upper offset into the final position.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/slide-down`.