Drift Angular
Search…
Breadcrumbs
To use Breadcrumbs, first import SharedModulein 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() { }
}
Copy link
Outline
Breadcrumb with List
Breadcrumb with Nav