### File

`src/app/shared/modules/page-header/page-header.component.ts`

### Metadata

selector | `app-page-header`
styleUrls | `page-header.component.scss`
templateUrl | `./page-header.component.html`

### Index

###### Inputs
heading icon

### Inputs

`heading` | Type: `string`
Defined in src/app/shared/modules/page-header/page-header.component.ts:9

`icon` | Type: `string`
Defined in src/app/shared/modules/page-header/page-header.component.ts:10

    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>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""