title: how to animate list of mat cards (each mat-card is an component) up or down in angular?
body: <p>I have list of html ids for for mat-cards that needs to be animated up or down as an whole.</p>
  
  <p>I see angular group function, not sure how to use it in for loop because all these cards need to move up or down parallelly.</p>
  
  <p>Any reference will be great, thanks.</p>