Mega menu layout
Each section opens a large panel with every group and page in columns, so nothing is more than two clicks away.
Revenue
$184,920
Orders
1,284
Customers
8,412
Conversion
3.84%
Revenue
This year
Turn it on
Set the attribute on the element that holds the frame:
HTML
<div class="app" data-layout="mega">In React and Next.js, set it for every page in src/lib/layouts.ts.
Latest orders
| Order | Customer | Date | Status | Total |
|---|---|---|---|---|
| #4821 |
HS
Hana SatoUnited States |
Oct 28 | Delivered | $249 |
| #4820 |
NF
Noah FischerBrazil |
Oct 28 | Delivered | $151 |
| #4819 |
OG
Oliver GrantUnited States |
Oct 27 | Shipped | $276 |
| #4818 |
AT
Aiko TanakaBrazil |
Oct 27 | Processing | $1,026 |
| #4817 |
FW
Felix WagnerUnited States |
Oct 26 | Delivered | $45 |
| #4816 |
AP
Asha PatelBrazil |
Oct 26 | Pending | $398 |