Interface ListAnimationOptions

CSS class(es) for the enter animation target state. Applied after enterFrom is removed to trigger the transition.

Use ! prefix (Tailwind important) if needed for specificity:

CSS class(es) for the initial state before enter animation starts. Should include transition-* and duration-* for CSS transitions. These are removed after the first frame to trigger the transition.

CSS class(es) for the final state after enter animation completes. These persist on the element after animation ends.

CSS class(es) to apply at the start of exit animation. Should include transition-* and duration-* for CSS transitions.

CSS class(es) for the target state of exit animation. Applied after exit to trigger the transition.

Use ! prefix (Tailwind important) if needed for specificity:

Attach this animation to a shared AnimationGroup — the animation waits for the group's gate before starting, and signals completion when it finishes. Combined with Animation.sequence(), this lets you choreograph animations across multiple blocks (e.g. one each per word in a headline).

Called before enter animation starts, after element is in DOM

Called before exit animation starts

Called after enter animation completes

Called after exit animation completes, before element is removed from DOM

Whether to skip animations when user prefers reduced motion. When true and reduced motion is preferred, animations complete instantly.

Maximum time in milliseconds to wait for animation/transition to complete. If exceeded, animation is considered complete.

Troubleshooting: If animations consistently hit this timeout, the transitionend event isn't firing. Check that your CSS classes include both transition-* AND duration-* properties.