Sidenav

When to hide a sidenav

When to hide a sidenav
  1. How do I hide SideNav?
  2. What is a SideNav?
  3. How do you open SideNav right side?

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.

Access Should authenticated users still see the app's public home page
Should authenticated users still see the app's public home page
What limits the access of a component to authenticated users?What does authorization mean for users who have authenticated?Why do we need authenticat...
Close Is it necessary to have a close icon and close button on a modal?
Is it necessary to have a close icon and close button on a modal?
Do modals need a close button?Where do you put the Close button on a modal?What is the difference between cancel and close button?What is the use of ...
Table Best practices for handling a lot of information in a single cell in a data table
Best practices for handling a lot of information in a single cell in a data table
How to fit a wide data table on mobile screens without losing its purpose and readability?How should a data table be? How to fit a wide data table o...