• Overview
@angular/animations

group

function

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

  
    function group(  steps: AnimationMetadata[],  options?: AnimationOptions | null): 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.

Jump to details