How to place “mat-toolbar” on top of “mat-sidenav” Angular Material 5

Question

I\'m writing here since I have a question about Mat Toolbar and Mat-sidenav from Angular Material. I\'m trying to get the Sidenav to go under the toolbar and the toolbar alw

Answer 1

If you are using Angular 6 for your project you can easily generate a boilerplate for Mat-toolbar and Mat-sidenav by running the following command via cli:

ng generate @angular/material:materialNav --name myNav

Once you make the sidenav component visible, you should be see the following result

Mat Sidenav component