Brandkit / Components / Breadcrumbs

breadcrumb.html

<breadcrumb #breadcrumb></breadcrumb>

override-all.html

<breadcrumb>
  <ng-container breadcrumb-override>
    <a routerLink="../compliance?active-tab=policies">
      <i class="i ico ico-chevron-left"></i>
      Back to Policies
    </a>
  </ng-container>
</breadcrumb>

overrides.html

<breadcrumb #breadcrumb 
            [customBreadcrumbTemplates]="[null, sectionCrumb, titleCrumb]">
</breadcrumb>
<!--  Breadcrumb overrides  -->
<ng-template #sectionCrumb>Demo</ng-template>
<ng-template #titleCrumb>
  <ng-container *ngIf="alert">
    {{ alert.description.slice(0, 50) }}...
  </ng-container>
</ng-template>

quick-nav.html

<breadcrumb #breadcrumb 
            [hasQuickNav]="true"
            [quickNavOptions]="quickNavOptions"
            [quickNavSelection]="alert?.detectionId">
</breadcrumb>