How to create a responsive sidebar with Angular Material

With Angular Material library is easy to create a layout container with a sidebar navigation feature. We just need to use 3 components , , and use a template reference variable to programmatically control the sidebar (e.g., open, close, or toggle its state).

My video just shows a quick implementation of the Angular Material's sidebar navigation feature.

Gist for code in the video: https://gist.github.com/InterTuts/a920e55559caecaeda9d538bc447762f