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:
• Install Angular 17 | Windows 10 | 2024
Add Angular Material:
• How to add Angular Material to Angular 17 ...
Router Outlet:
• Basic Angular 17 routing example | 2024
Property binding:
• Angular Data Binding
Github Repository:
https://github.com/softwareCantrips/s...
Timecodes
0:00 - Project Setup
1:38 - Toolbar
2:28 - Sidenav
4:10 - Responsiveness