Dual Navigation Dashboard

Complete layout with both top menu and collapsible sidenav

This layout includes both a top menu and a collapsible sidenav. The top menu contains primary navigation, search, notifications, and user profile.

Click the blue center icon in the sidenav to toggle between expanded and collapsed states. The top menu adjusts its position accordingly.

The hamburger icon in the top-left corner also toggles the sidenav, providing an alternative way to control the sidebar visibility.

The top menu includes a search box with a clean design. It automatically adjusts based on screen size for optimal usability.

Click on the user avatar or name in the top-right corner to open the dropdown menu with profile options and settings.

The notification bell shows a badge count for new alerts. This is a common pattern in modern web applications.