How do I hide SideNav?
Our main idea to hide SideNav is by creating multiple layouts. In the following routing configuration, we have 2 parent routes configured as login and home. With login we have simply LoginComponent which will be rendered in <router-outlet> and post login main route will be rendered.
What is a SideNav?
The sidenav component is a vertical navigation layout that houses links and menus to help users navigate the site.
How do you open SideNav right side?
You can use input directive position="end" for opening from the right side in mat-drawer. Save this answer.