Mobile sidebar
Fixed on desktop, off-canvas with a blurred backdrop on mobile — the standard dashboard arrangement.
<body>
<flux:sidebar sticky collapsible="mobile">…</flux:sidebar>
<flux:header sticky>
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" />
…
</flux:header>
<flux:main>…</flux:main>
</body>
sidebar
header
main
footer
Narrow the window: the sidebar hides and slides back in from the leading edge with the hamburger button.
Orders today
128
Sales today
184,500,000
Toman
Returns
7
Average rating
Latest orders
|
Product
|
Status
|
|
Amount
|
|---|---|---|---|
|
|
2 days ago |
13%
42,500,000
Toman
|
|
|
|
1 day ago |
1,890,000
Toman
|
|
|
|
6 hours ago |
30%
245,000
Toman
|
|
|
|
2 hours ago |
3,200,000
Toman
|
Flash deals
Ends in:
07
hours
42
min
00
sec