Skip to content

Instantly share code, notes, and snippets.

@yubing24
Created August 9, 2018 05:49
Show Gist options
  • Save yubing24/e27a8ffe890a3ddf99d465b22522e38b to your computer and use it in GitHub Desktop.
Save yubing24/e27a8ffe890a3ddf99d465b22522e38b to your computer and use it in GitHub Desktop.
Skeleton code for Side Navigation
<mat-toolbar color="accent">
<button mat-icon-button matTooltip="Application Menu" (click)="sidenav.toggle()">
<mat-icon>settings</mat-icon>
</button>
Account Settings
</mat-toolbar>
<mat-sidenav-container style="height: calc(100% - 64px); margin: 0;">
<mat-sidenav #sidenav mode="side" [class.mat-elevation-z4]="true" style="width: 240px">
</mat-sidenav>
<mat-sidenav-content>
</mat-sidenav-content>
</mat-sidenav-container>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment