packages/ecl/components/ecl-page-header/ecl-page-header.component.ts
Use `div[eclPageHeader]` instead. To be removed in v23.
ECL Page Header component, wraps header content and handles background images and breadcrumb styling.
| selector | ecl-page-header |
| imports |
NgTemplateOutlet
|
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-page-header.component.html |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
constructor()
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
CSS classes applied to the host. Adds 'ecl-page-header--image' if a background picture exists |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclBackgroundPicture |
Type : EclPageHeaderBackgroundPictureDirective
|
Decorators :
@ContentChild(EclPageHeaderBackgroundPictureDirective)
|
|
Reference to the background picture directive, if present. |
| eclBreadcrumbComponent |
Type : EclBreadcrumbComponent
|
Decorators :
@ContentChild(EclBreadcrumbComponent)
|
|
Reference to the ECL breadcrumb inside the header. |
| cssClasses |
getcssClasses()
|
|
CSS classes applied to the host. Adds 'ecl-page-header--image' if a background picture exists
Returns :
string
|
| hasPicture |
gethasPicture()
|
|
True if a background picture exists.
Returns :
boolean
|