Sidenav

mat-drawer-container for side navigation layouts.

Basic Sidenav

mat-drawer-container with a side drawer and content area.

Main content area. The drawer stays open on the left.

<mat-drawer-container>
  <mat-drawer mode="side" opened>
    <nav>
      <a>Dashboard</a>
      <a>Settings</a>
      <a>Profile</a>
      <a>Help</a>
    </nav>
  </mat-drawer>
  <mat-drawer-content>
    <p>Main content area. The drawer stays open on the left.</p>
  </mat-drawer-content>
</mat-drawer-container>