Draggable Dashboard Layout Builder
Reusable `DashboardLayoutBuilder` powered by dnd-kit for arranging ERP dashboard widgets.
Widgets5Sortable dashboard components
Enginednd-kitPointer and keyboard sensors
LayoutResponsiveSmall, medium, and wide widgets
Use CaseERP HomeUser-defined operational cockpit
Outlet Manager Dashboard
Drag cards to customize the operational dashboard layout.
Reusable Theme Component
Sales Today
POS and invoice sales across outlets
SalesRs. 8.4L
Bills126
Kitchen Load
Production capacity and pending KOTs
Open KOT48
Avg Time14m
Receivables Aging
Customer balances with overdue exposure
OverdueRs. 12.7L
Blocked8
Inventory Health
Slow moving, low stock, and expiry risk
Low Stock31
Expiry Risk12
Purchase Approval
POs pending approval and delivery
Pending17
ValueRs. 5.8L
Current Saved Order
1. Sales Today 2. Kitchen Load 3. Receivables Aging 4. Inventory Health 5. Purchase Approval
Reuse Pattern
const [widgets, setWidgets] = useState(layout);
<DashboardLayoutBuilder
items={widgets}
onChange={setWidgets}
columns={3}
/>;