@angular/animations

group

function

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

API

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

group

AnimationGroupMetadata

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

@paramstepsAnimationMetadata[]

An array of animation step objects.

When steps are defined by style() or animate() function calls, each call within the group is executed instantly.
To specify offset styles to be applied at a later time, define steps with keyframes(), or use animate() calls with a delay value. For example:

          group([animate("1s", style({ background: "black" })),animate("2s", style({ color: "white" }))])

@paramoptionsAnimationOptions | null

An options object containing a delay and developer-defined parameters that provide styling defaults and can be overridden on invocation.

@returnsAnimationGroupMetadata

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.