argos/dmp-frontend/src/app/shared/components/breadcrumb/breadcrumb.component.html

<mat-card>
  <mat-card-content aria-label="breadcrumb">
    <ol class="no-style" fxLayout="row">
      <div fxFlex="nogrow" *ngFor="let breadcrumb of buildBreadCrumb(this.activatedRoute) | async ; let i = index; let length = count ">
        <div fxLayout="row">
          <li fxFlex="nogrow">
            <a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params">
              {{ breadcrumb.label }}
            </a>
          </li>
          <mat-icon fxFlex="nogrow" *ngIf="length > 1 && i != ( length - 1 )">chevron_right</mat-icon>
        </div>
      </div>
    </ol>
  </mat-card-content>
</mat-card>