dev@3: <md-toolbar color="primary">
dev@4:   <md-icon>face</md-icon>
dev@3:   <span>{{title}}</span>
dev@3:   <!-- This fills the remaining space of the current row -->
dev@4:   <span class="app-toolbar-filler"></span>
dev@1: 
dev@4:   <!-- menu opens when trigger button is clicked -->
dev@4:   <button md-icon-button [md-menu-trigger-for]="menu">
dev@4:     <md-icon>more_vert</md-icon>
dev@4:   </button>
dev@4: 
dev@4:   <md-menu x-position="before" #menu="mdMenu">
dev@4:     <button md-menu-item> Settings</button>
dev@4:     <button md-menu-item> Help</button>
dev@4:   </md-menu>
dev@3: </md-toolbar>
dev@4: <md-sidenav-layout>
dev@4:   <md-sidenav align="end" mode="side" opened>
dev@4:   </md-sidenav>
dev@5:   <app-waveform></app-waveform>
dev@4:   <md-slider min="1" max="5"></md-slider>
dev@3: 
dev@4: </md-sidenav-layout>