src/app/shared/modules/page-header/page-header.component.ts
| selector | app-page-header |
| styleUrls | page-header.component.scss |
| templateUrl | ./page-header.component.html |
Inputs |
heading
|
Type: |
icon
|
Type: |
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-page-header',
templateUrl: './page-header.component.html',
styleUrls: ['./page-header.component.scss']
})
export class PageHeaderComponent {
@Input() heading: string;
@Input() icon: string;
}
<div class="row">
<div class="col-xl-12">
<h2 class="page-header">
{{heading}}
</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<i class="fa fa-home"></i> <a href="Javascript:void(0)" [routerLink]="['/dashboard']">Home</a>
</li>
<li class="breadcrumb-item active"><i class="fa {{icon}}"></i> {{heading}}</li>
</ol>
</div>
</div>