Collapsible sidebar
On desktop the sidebar collapses to an icon rail and stays open on hover.
<body>
<flux:sidebar sticky collapsible>
<flux:sidebar.header>
<flux:sidebar.brand … />
<flux:sidebar.collapse />
</flux:sidebar.header>
…
</flux:sidebar>
<flux:header sticky>…</flux:header>
<flux:main>…</flux:main>
</body>
sidebar
header
main
footer
The <flux:sidebar.collapse /> button remembers the state; items get tooltips once collapsed.
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