@engie-group/fluid-design-system-angular/src/components/breadcrumb/breadcrumb.component.html

Fluid Design System Angular

<nav role="navigation" [attr.aria-label]="ariaLabel">
  <ol class="nj-breadcrumb" #olRef>
    <ng-container *ngIf="leftContent">
      <li class="nj-breadcrumb__item" *ngFor="let item of leftContent">
        <ng-container *ngTemplateOutlet="item?.itemTemplate"></ng-container>
      </li>
    </ng-container>
    <li class="nj-breadcrumb__see-more" *ngIf="isMinified">
      <button (click)="seeAll()" (keydown.enter)="seeAll()">
        <span class="nj-sr-only">{{showMoreLabel}}</span>
      </button>
    </li>
    <li class="nj-breadcrumb__item" *ngIf="isMinified && rightContent">
      <ng-container *ngTemplateOutlet="rightContent.itemTemplate"></ng-container>
    </li>
  </ol>
</nav>