Dashboard
A full admin dashboard combining KPI cards, revenue charts, order status breakdown, and a recent orders table — all inside the standard sidebar + topbar app shell.
Live Preview
Components Used
Layout Structure
1
App Shell
Fixed sidebar (240px) + main column using flexbox. Main column stacks topbar + scrollable content area.
2
KPI Row
4-column grid of metric cards with colored accent circles. Each shows label, value, and trend indicator.
3
Charts Row
2:1 grid — line chart for revenue trend on the left, doughnut chart for order status breakdown on the right.
4
Recent Orders Table
Sortable table with avatar, badge status, and row actions. Includes search input and a New Order CTA.
Changelog
v1.0.0July 2026Added
- Initial release — KPI cards, revenue line chart, status doughnut chart, recent orders table
- Live interactive preview embedded via iframe