Responsive Sidenav Angular 17 example | Angular Material | 2024

In this video I will show you how to create a responsive sidenav and toolbar using Angular Material. This is archived by using a media query and a BreakpointObserver. Install and create Angular 17 app: https://youtu.be/Tj7qoKh_cnU Add Angular Material: https://youtu.be/mvzdg806ATA Router Outlet: https://youtu.be/IIAgF4b1mvo Property binding: https://youtu.be/oLWjeNLxGEQ Github Repository: https://github.com/softwareCantrips/soca13 Timecodes 0:00 - Project Setup 1:38 - Toolbar 2:28 - Sidenav 4:10 - Responsiveness