12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- import { Directive, ElementRef, Optional, Renderer } from '@angular/core';
- import { Config } from '../../config/config';
- import { Ion } from '../ion';
- import { ViewController } from '../../navigation/view-controller';
- /**
- * @name Header
- * @description
- * Header is a parent component that holds the navbar and toolbar component.
- * It's important to note that `ion-header` needs to be one of the three root elements of a page
- *
- * @usage
- *
- * ```html
- * <ion-header>
- * <ion-navbar>
- * <ion-title>Page1</ion-title>
- * </ion-navbar>
- *
- * <ion-toolbar>
- * <ion-title>Subheader</ion-title>
- * </ion-toolbar>
- * </ion-header>
- *
- * <ion-content></ion-content>
- * ```
- *
- */
- export class Header extends Ion {
- constructor(config, elementRef, renderer, viewCtrl) {
- super(config, elementRef, renderer, 'header');
- viewCtrl && viewCtrl._setHeader(this);
- }
- }
- Header.decorators = [
- { type: Directive, args: [{
- selector: 'ion-header'
- },] },
- ];
- /** @nocollapse */
- Header.ctorParameters = () => [
- { type: Config, },
- { type: ElementRef, },
- { type: Renderer, },
- { type: ViewController, decorators: [{ type: Optional },] },
- ];
- //# sourceMappingURL=toolbar-header.js.map
|