InventoryPage
v1.0.29Updated 4 Sept 2026Composed example inventory page: commerce back-office shell + stat strip + DataTable stock grid with inline on-hand adjusters and OK/Low/Out flags + incoming purchase orders. Reference for any stock-control screen.
Preview
Live · 8 storiesDefaultOpen ↗
▸Why this is recommendedpagecommerceinventorystock+5
The default, out-of-the-box InventoryPage.
Recommended for+14
- ✓E-commerce merchant back offices
- ✓Stock / warehouse management screens
- ✓ERP inventory modules
Tags+6
pagecommerceinventorystockwarehouseback-officeshopifyexampledefault
Features+4
- Shared Pantry sidebar (Inventory active)
- Location Select in the PageHead action cluster
- StatCard strip with warning/danger/info tones
- DataTable stock grid with SKU, muted product tiles and per-column filters
- Inline NumberInput on-hand adjusters with +/- steppers
- OK muted / Low warning / Out destructive status Badges
- Restock CTA Alert banner (LowStock variant)
- Incoming purchase-order rows with supplier tiles, ETA and In transit / Delayed Badges
Not recommended for−2
- ✕Direct embedding
- ✕Customer-facing storefront pages (use ProductDetail / Cart pages)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
No documented props — InventoryPage is composed rather than configured. See the source for its full signature.