mui-toolpad icon indicating copy to clipboard operation
mui-toolpad copied to clipboard

[DashboardLayout] Instead of sidebar, show pages as tabs below the appbar

Open prakhargupta1 opened this issue 1 year ago • 2 comments

Summary

Add a variant or alternative DashboardLayout component where the navigation menu is laid out horizontally under the app header.

Some examples:

Vercel: Screenshot 2024-12-17 at 10 51 43 AM

Retool: Screenshot 2024-12-17 at 11 01 59 AM

This could even remove the need for multi-level sidebar as first level could be header and the second level could be on left sidebar.

Examples

No response

Motivation

No response

Search keywords: layout

prakhargupta1 avatar Dec 17 '24 05:12 prakhargupta1

Super useful use-case to handle! Would love to see this implemented too!

aress31 avatar Jan 09 '25 07:01 aress31

Bottom Navigation is another useful option, especially for mobile. If there's a "menuType" prop defaulting to the existing solution and a solution for overriding on mobile (or by breakpoint for more functionality), it would be pretty future-proof. Granted, mobile override would be pretty easy to do manually on a project-by-project basis if it's not an in-demand feature.

DonKindredSvcSvc avatar Jun 13 '25 20:06 DonKindredSvcSvc