sidenav collapse to show icons?

[kth...@avioconsulting.com]

Is it possible to just show the md-icon from the md-nav-list when collapsed?

<md-nav-list>
  <md-list-item *ngFor="let link of links">
    <md-icon md-list-avatar>{{link.icon}}</md-icon>
    <a md-line routerLink="{{link.path}}">{{link.name}}</a>
  </md-list-item>
  <md-divider></md-divider>
  <md-list-item>
    <md-icon md-list-avatar>help</md-icon>
    <a md-line routerLink="help">Help</a>
  </md-list-item>
</md-nav-list>

Example:

[Michael Prentice]

Yes, it's possible to add this kind of custom behavior to your application. You will need to do it yourself though as there is no feature like that supported by Angular Material out of the box.

This is unlikely to be added to Angular Material since it is not part of the Material Design SideNav spec.

Michael Prentice

DevIntent

GDG Space Coast

[Markus Thiel]

This is an upcoming feature but will most likely be a while until it gets developed

[kedar teni]

This can Solve your Problem 

https://github.com/Ravi-Rajpurohit/mini-md-sidenav