Breadcrumbs

To use Breadcrumbs, first import SharedModulein your module.

import {SharedModule} from '@gaxon/modules';
@NgModule({
...
imports: [SharedModule, ...],
...
})
export class YourAppModule {
}
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() { }
}
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() { }
}