<nav class="ui-breadcrumbs" [attr.aria-label]="uiAriaLabel" data-digi-ng-component>
  <ol class="ui-breadcrumbs__items">
    <li class="ui-breadcrumbs__item" *ngFor="let item of parents">
      <a
        *ngIf="item.routerLink"
        class="ui-breadcrumbs__link"
        [routerLink]="item.routerLink"
        [queryParams]="uiQueryParams"
        [queryParamsHandling]="uiQueryParamsHandling"
      >
        {{ item.text }}
      </a>
      <a
        *ngIf="!item.routerLink"
        class="ui-breadcrumbs__link"
        [attr.rel]="rel"
        [attr.type]="uiType"
        [attr.download]="uiDownload"
        [attr.target]="uiTarget"
        [href]="uiHref"
      >
        {{ item.text }}
      </a>
    </li>
    <li class="ui-breadcrumbs__item" aria-current="page">{{ currentItem.text }}</li>
  </ol>
</nav>
