Angular material sidenav hover

Question

I am trying to build an Angular Sidebar. Currently, it is having a toggle effect which means, when we click it, it will collapse. If it is collapsed, it will expand. Now I am trying to expand only the item which gets hover. I need some help with this.

StackBlitz demo

Answer 1

Here is the solution:

I have made changes in your left-menu-component.html for that hover effect as you asked for.here is the link: https://stackblitz.com/edit/angular-w1b2ho?file=src%2Fapp%2Fcomponents%2Fleft-menu%2Fleft-menu.component.html