StockStatusBadge

Domain

Inventory status badge mapping stock levels to semantic colours.

Preview

In StockLow StockOut of StockBackorder

Code

{(['IN_STOCK', 'LOW_STOCK', 'OUT_OF_STOCK', 'BACKORDER'] as const).map((s) => (
  <StockStatusBadge key={s} status={s} />
))}

Preview

In StockLow StockOut of StockBackorder

Code

{(['IN_STOCK', 'LOW_STOCK', 'OUT_OF_STOCK', 'BACKORDER'] as const).map((s) => (
  <StockStatusBadge key={s} status={s} size="sm" />
))}

Navigation