import { ChangeDetectionStrategy , Component , ElementRef , Renderer } from '@angular/core' ; import { Config } from '../../config/config' ; import { ToolbarBase } from './toolbar-base' ; name description usage demo see {@link ../Navbar/ Navbar API Docs} @ Component ( { selector : 'ion-toolbar' , template : '<div class="toolbar-background" [ngClass]="\'toolbar-background-\' + _mode"></div>' + '<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>' + '<ng-content select="ion-buttons[start]"></ng-content>' + '<ng-content select="ion-buttons[end],ion-buttons[right]"></ng-content>' + '<div class="toolbar-content" [ngClass]="\'toolbar-content-\' + _mode">' + '<ng-content></ng-content>' + '</div>' , host : { 'class' : 'toolbar' , '[class.statusbar-padding]' : '_sbPadding' } , changeDetection : ChangeDetectionStrategy . OnPush , } ) export class Toolbar extends ToolbarBase { hidden _sbPadding : boolean ; constructor ( config , elementRef , renderer ) { super ( config , elementRef , renderer ) ; this . _sbPadding = config . getBoolean ( 'statusbarPadding' ) ; } }