Inventory pages

Inventory primitive pack

Fourteen reusable warehouse-management surfaces for Oak Flats Mufflermen — SKU detail, stock-level meter, reorder threshold, supplier link, location grid, bin chip, pick row, receive scanner, stock take grid, variance row, analytics tile, warehouse switcher, low-stock alert, backorder chip. Bonus: a full warehouse-console composition route.

Production answer

Inventory primitive pack is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Inventory primitive pack states
Generative search brief

Inventory primitive pack: Fourteen reusable warehouse-management surfaces for Oak Flats Mufflermen — SKU detail, stock-level meter, reorder threshold, supplier link, location grid, bin chip, pick row, receive scanner, stock take grid, variance row, analytics tile, warehouse switcher, low-stock alert, backorder chip. Bonus: a full warehouse-console composition route.

Inventory primitives — composed from the umbrella design system
Primitive 01

SKU detail card

Supplier, thumbnail, on-hand, average cost, reorder point and lead-time chip composed via DashboardCard.

DetailOpen
Primitive 02

Stock level meter

Tone-shifting ProgressLinear with reorder / capacity bands and live aria-meter semantics.

MeterOpen
Primitive 03

Reorder threshold chip

Chip + QuoteBubble tooltip explaining when and why to reorder — supplier lead-time aware.

HintOpen
Primitive 04

Supplier link card

Supplier identity + last PO date + lead-time and on-time chips composed via DashboardCard.

SupplierOpen
Primitive 05

Warehouse location grid

Visual aisle × bay grid with density tone-coding — region semantics for screen-readers.

MapOpen
Primitive 06

Bin location chip

Compact aisle-bay-shelf chip with click-to-find affordance into the warehouse grid.

ChipOpen
Primitive 07

Pick list row

Semantic table row — SKU, qty, bin location chip, pick-status chip. Drop into any pick table.

PickOpen
Primitive 08

Receive shipment scanner

Barcode-scan field + scanned line variance flag + commit CTA for dock receipts.

DockOpen
Primitive 09

Stock take grid

DataTable-backed counting grid — expected, counted input, live variance chip per row.

AuditOpen
Primitive 10

Variance report row

Expected vs actual with tone-coded delta chip + suggested-action chip, aria-live for updates.

VarianceOpen
Primitive 11

Inventory analytics tile

Turnover rate, days-of-stock, carrying cost composed via MetricBlock + Sparkline trend.

KPIOpen
Primitive 12

Multi-warehouse switcher

Dropdown of Oak Flats, Albion Park and Sydney warehouses with total-SKUs chip.

NavOpen
Primitive 13

Low stock alert banner

Compose StickyCtaBar with N items below reorder + action CTA + suppress-for-Xh toggle.

AlertOpen
Primitive 14

Backorder / pre-order chip

Compact chip group — kind + ETA + customer-impact count for unfulfilled SKUs.

PipelineOpen
Bonus

Full warehouse console

Composes switcher, low-stock alert, analytics row, location grid, level meter, SKU detail, supplier links, pick list, receive scanner, stock take + variance rows.

CompositionOpen