• Overview
@angular/animations

group

function
deprecatedsince v20.2

Defines a list of animation steps to be run in parallel.

Deprecation warning

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

API

function group(  steps: AnimationMetadata[],  options?: AnimationOptions | null,): AnimationGroupMetadata;

Usage Notes

Grouped animations are useful when a series of styles must be animated at different starting times and closed off at different ending times.

When called within a sequence() or a transition() call, does not continue to the next instruction until all of the inner animation steps have completed.

Jump to details