The name 'Hoverable Sidebar Buttons' refers to the look of this navbar when opened on a mobile phone. Displaying the same on wide viewports seems a bit too tiny, so I made it transform into a wide version.
However, if you want the narrow version on a wide page, just remove the breakpoint. Then you can use it as a sidenav only.
The component consists of just a container with 5 links, but the styling to make it work can be a bit fiddly witrh the 'buttons' having to be given style rules indiviually.
Hoverable Sidenav Buttons
The name 'Hoverable Sidebar Buttons' refers to the look of this navbar when opened on a mobile phone. Displaying the same on wide viewports seems a bit too tiny, so I made it transform into a wide version.
However, if you want the narrow version on a wide page, just remove the breakpoint. Then you can use it as a sidenav only.
The component consists of just a container with 5 links, but the styling to make it work can be a bit fiddly witrh the 'buttons' having to be given style rules indiviually.
Download this component