InventoryPage
v2.0.14Updated 20 Oct 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 stories▸Why this is recommendedpagecommerceinventorystock+5
The default, out-of-the-box InventoryPage.
- ✓E-commerce merchant back offices
- ✓Stock / warehouse management screens
- ✓ERP inventory modules
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- 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
- ✕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
labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_INVENTORY_PAGE_LABELS (51 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—