Vertical side navigation template.
All components are built upon the CodyHouse Framework.
This component includes variations. All variations share the same SCSS/JS code. They only differ in the HTML part.
The Side Navigation is a vertical, secondary navigation component.
The component includes the option to display sub lists, whose visibility is controlled by the
.sidenav__sublist-control button. If you don't plan on adding sub-lists, use the
To remove the icons, delete the inline SVG
Important: this component does not include responsive behavior because it's just a piece of the sidebar. The parent of the Side Navigation (
<aside>) is just a wrapper used for demo purpose. The navigations adapts to fit the width of its parent.
⭐️ Demo icons by Nucleo.
Bug Report & Feedback
Get in touch: suggest a component or report a bug.