Drift Angular
Search…
Installation and Setup
Stylesheets
Settings
Breadcrumbs
To use Breadcrumbs, first import
SharedModulein your module.1
import {SharedModule} from '@gaxon/modules';
2
​
3
@NgModule({
4
...
5
imports: [SharedModule, ...],
6
...
7
})
8
export class YourAppModule {
9
}
Copied!
Breadcrumb with List
Preview
HTML
TypeScript
1
<gx-breadcrumbs [data]="breadcrumb"></gx-breadcrumbs>
Copied!
1
import { Component} from '@angular/core';
2
​
3
@Component({
4
selector: 'app-bs-breadcrumb',
5
templateUrl: './bs-breadcrumb.component.html'
6
})
7
export class BsBreadcrumbComponent {
8
breadcrumb = [
9
{label: 'Home'},
10
{label: 'Library'},
11
{label: 'Data', active: true}
12
];
13
​
14
constructor() { }
15
​
16
}
Copied!
Breadcrumb with Nav
Preview
HTML
TypeScript
1
<gx-breadcrumbs displayAs="nav" [data]="breadcrumb"></gx-breadcrumbs>
Copied!
1
import { Component} from '@angular/core';
2
​
3
@Component({
4
selector: 'app-bs-breadcrumb',
5
templateUrl: './bs-breadcrumb.component.html'
6
})
7
export class BsBreadcrumbComponent {
8
breadcrumb = [
9
{label: 'Home'},
10
{label: 'Library'},
11
{label: 'Data', active: true}
12
];
13
​
14
constructor() { }
15
​
16
}
Copied!
Last modified 2yr ago
Copy link