alert-container.component.html

<div class="cse-alert-container">
  <div *ngFor="let alert of (alerts$ | async)" class="cse-alert">
    <div class="alert-icon">
      <mat-icon>warning</mat-icon>
    </div>
    <div class="alert-body">
      <p class="alert-title mat-h4"><strong>{{ alert.title }}</strong></p>
      <p class="alert-message mat-body">{{ alert.message }}</p>
    </div>
    <div class="alert-close">
      <button mat-icon-button (click)="dismissAlert(alert.key, alert.callback)"><mat-icon>clear</mat-icon></button>
    </div>
  </div>
</div>