Submenu Sidebar Nav

Responsive Menu with dynamic submenus

A highly customizable sidebar navigation with smooth animations, flexible submenu structures, and a unique width-based open state setup directly through the component size. Simple setup with built-in component guides.

About this Component

Features

• Fully customizable via variables

• Change open state dimensions controlled through component width

• Supports 1 or 2 submenus

• Up to 19 total links

• Up to 6 submenu links (option to split into 2 blocks)

• Smooth animations & interactions

• Mobile ready and fully responsive

• Simple setup with built-in component guide

Customization

• Adjust the component width to define the open menu width

• Leave inputs empty to hide unused content

• Easily switch between different submenu layouts

• Control spacing, structure, and visuals through variables only