Breadcrumbs

To use Breadcrumbs, first import SharedModulein your module.
import {SharedModule} from '@gaxon/modules';
​
@NgModule({
  ...
  imports: [SharedModule, ...],
  ...
})
export class YourAppModule {
}
Breadcrumb with List
Preview
HTML
TypeScript
Preview
HTML
<gx-breadcrumbs [data]="breadcrumb"></gx-breadcrumbs>
TypeScript
import { Component} from '@angular/core';
​
@Component({
  selector: 'app-bs-breadcrumb',
  templateUrl: './bs-breadcrumb.component.html'
})
export class BsBreadcrumbComponent {
  breadcrumb = [
    {label: 'Home'}, 
    {label: 'Library'}, 
    {label: 'Data', active: true}
  ];
​
  constructor() { }
​
}
Breadcrumb with Nav
Preview
HTML
TypeScript
Preview
HTML
<gx-breadcrumbs displayAs="nav" [data]="breadcrumb"></gx-breadcrumbs>
TypeScript
import { Component} from '@angular/core';
​
@Component({
  selector: 'app-bs-breadcrumb',
  templateUrl: './bs-breadcrumb.component.html'
})
export class BsBreadcrumbComponent {
  breadcrumb = [
    {label: 'Home'}, 
    {label: 'Library'}, 
    {label: 'Data', active: true}
  ];
​
  constructor() { }
​
}
Components - Previous
Badges
Next - Components
Buttons
Last updated 2 years ago