IssueRaiser

Navigation drawer - Mini variant behavior

#### Feature request: Add the "Mini variant" behavior of the Navigation drawer. As defined in the Google Material guidelines: https://material.google.com/patterns/navigation-drawer.html#navigation-drawer-behavior ![](https://cloud.githubusercontent.com/assets/1202936/8023412/a6d190f4-0ce1-11e5-86b9-55448c4ae6bd.png) #### What is the expected behavior? When toggled, the navigation drawer change its width. It's not fully hidden. #### What is the current behavior? Only two states are available: displayed, hidden #### What are the steps to reproduce? Create a sidenav and toggle it on and off. The sidenav can only be opened or closed. No intermediate state. #### What is the use-case or motivation for changing an existing behavior? Desktop users need to quickly change the current view. The sliding effect of the sidenav could be annoying when used a lot. It's common for desktop apps to keep the navigation opened by default. But in some cases the icons are self explanatory so no need to display the associated labels. #### Which versions of Angular, Material, OS, browsers are affected? Angular2 #### Is there anything else we should know? A similar feature request was submitted for Angular 1: https://github.com/angular/material/issues/3158

Posted by Daugoh on Nov 4, 2016, 11:15 AM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.4,500 issues0 comments

github (Software)

Navigation drawer - Mini variant behavior

DaugohNov 4, 2016, 11:15 AM

#### Feature request: Add the "Mini variant" behavior of the Navigation drawer. As defined in the Google Material guidelines: https://material.google.com/patterns/navigation-drawer.html#navigation-drawer-behavior ![](https://cloud.githubusercontent.com/assets/1202936/8023412/a6d190f4-0ce1-11e5-86b9-55448c4ae6bd.png) #### What is the expected behavior? When toggled, the navigation drawer change its width. It's not fully hidden. #### What is the current behavior? Only two states are available: displayed, hidden #### What are the steps to reproduce? Create a sidenav and toggle it on and off. The sidenav can only be opened or closed. No intermediate state. #### What is the use-case or motivation for changing an existing behavior? Desktop users need to quickly change the current view. The sliding effect of the sidenav could be annoying when used a lot. It's common for desktop apps to keep the navigation opened by default. But in some cases the icons are self explanatory so no need to display the associated labels. #### Which versions of Angular, Material, OS, browsers are affected? Angular2 #### Is there anything else we should know? A similar feature request was submitted for Angular 1: https://github.com/angular/material/issues/3158

Comments (0)

No comments yet. Start the discussion.

Comment on this issue