Main sidebar navigation with hierarchical menu structure and clear organization.
Requirements
Fixed width on desktop (240-280px)
Proper spacing between sections
Ability to collapse sidebar to icon-only view with smooth transitions.
Requirements
Icons remain visible when collapsed
Tooltips show full labels on hover
State persists across sessions
Clear indication of current page/section with visual highlighting.
Requirements
Active item background color
Left border accent indicator
Text color change for active
Parent items expand automatically
Expandable submenus with clear hierarchy and indentation.
Requirements
Expand/collapse chevron icons
Proper indentation for sub-items
Smooth expand/collapse animation
Off-canvas sidebar for mobile devices with overlay and swipe gestures.
Quick action buttons at the bottom of sidebar (settings, help, logout).
Requirements
Clear separation from main nav