Latest Items added:

Full Component List:

Hoverable Sidenav Buttons

Home About Blog Services Contact

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.

Placeholder Picture

Download this component