Mega menu layout
Each section opens a large panel with every group and page in columns, so nothing is more than two clicks away.
Sales this month
$54,276
Orders this month
348
Customers
3,629
Conversion
3.89%
Sales
This year by month, $526,942 so far
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 | Placed | Status | Total |
|---|---|---|---|---|
| #11330 |
NS
Nora SvenssonSweden |
Oct 28, 10:02 | Delivered | $204.12 |
| #11329 |
LW
Liam WalshIreland |
Oct 28, 09:14 | Delivered | $160.92 |
| #11328 |
AT
Ava ThompsonUnited States |
Oct 28, 07:27 | Processing | $93.32 |
| #11327 |
NS
Nora SvenssonSweden |
Oct 28, 07:23 | Processing | $82.52 |
| #11326 |
SG
Sean GallagherUnited States |
Oct 27, 23:37 | Shipped | $160.92 |
| #11325 |
JW
Julia WeberGermany |
Oct 27, 20:14 | Processing | $33.92 |