Breadcrumbs
To use Breadcrumbs, first import
SharedModule
in your module.import {SharedModule} from '@gaxon/modules';
@NgModule({
...
imports: [SharedModule, ...],
...
})
export class YourAppModule {
}
Preview
HTML
TypeScript

<gx-breadcrumbs [data]="breadcrumb"></gx-breadcrumbs>
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

<gx-breadcrumbs displayAs="nav" [data]="breadcrumb"></gx-breadcrumbs>
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() { }
}
Last modified 3yr ago