logo-img
DocumentationComponents

Component Library & Navigation

Exact pixel-matched header and navbar design layout with full mobile responsiveness, sidebar collapse, theme switching, search palette, and emerald navigation indicators.

Header & Navbar Features

Sidebar Hide / Collapse: Click the chevron (<) icon in the top right of the sidebar to collapse it on desktop.
Command Palette (Ctrl + K): Click search bar or press Ctrl K to open quick search.
Mobile Navigation Drawer: Smooth responsive slide-out navigation menu for mobile screens.
Active Route Indicator: Emerald accent bar and rounded highlight tracking current active route.