• Overview
@angular/animations

sequence

function
deprecatedsince v20.2

Defines a list of animation steps to be run sequentially, one by one.

Deprecation warning

Use animate.enter or animate.leave instead. Intent to remove in v23

API

function sequence(  steps: AnimationMetadata[],  options?: AnimationOptions | null,): AnimationSequenceMetadata;

Usage Notes

When you pass an array of steps to a transition() call, the steps run sequentially by default. Compare this to the group() call, which runs animation steps in parallel.

When a sequence is used within a group() or a transition() call, execution continues to the next instruction only after each of the inner animation steps have completed.

Jump to details