title: how to create multiple sidenav in angular material?
body: <p>i have a sidenav in left side, it had multiple menu's. if a menu clicked another sidenav open next to previews sidenav. Angular material have sidenav on left and right position only. It is right thing to add additional sidenavs</p>
  
  <p>example link <a href="https://stackblitz.com/edit/angular-mhmxv6?embed=1&amp;file=src/app/app.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-mhmxv6?embed=1&amp;file=src/app/app.component.html</a></p>
  
  <p><a href="https://i.stack.imgur.com/zHLuG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zHLuG.png" alt="multipleSidenav"></a></p>