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 just want the narrow version on a wide page, just take the mobile-up component and remove the breakpoint. Then you can use it both ways 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 just want the narrow version on a wide page, just take the mobile-up component and remove the breakpoint. Then you can use it both ways 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 the component for 'mobile-up'
Download the component for 'desktop-down'