Breadcrumb

bs-breadcrumb renders a Bootstrap breadcrumb trail; each bs-breadcrumb-item hosts a link or label and the last item is marked active: the current page (aria-current="page").

Basic usage

  
    
      
        <bs-breadcrumb>
        
    
      
          <bs-breadcrumb-item>
        
    
      
            <a [routerLink]="['/']">Home</a>
        
    
      
          </bs-breadcrumb-item>
        
    
      
          <bs-breadcrumb-item>
        
    
      
            <a [routerLink]="['/basic']">Basic</a>
        
    
      
          </bs-breadcrumb-item>
        
    
      
          <bs-breadcrumb-item active>
        
    
      
            Breadcrumb
        
    
      
          </bs-breadcrumb-item>
        
    
      
        </bs-breadcrumb>

  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { RouterLink } from '@angular/router';
        
    
      
        import { BsBreadcrumbComponent, BsBreadcrumbItemComponent } from '@mintplayer/ng-bootstrap/breadcrumb';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-breadcrumb-demo',
        
    
      
          templateUrl: './my-breadcrumb-demo.component.html',
        
    
      
          imports: [RouterLink, BsBreadcrumbComponent, BsBreadcrumbItemComponent],
        
    
      
        })
        
    
      
        export class MyBreadcrumbDemoComponent {}