Commmerce Docs

What it is

Renders an urgency badge when the active variant's stock drops below the configured threshold.

When to use

  • Near the price for high-velocity products
  • Inside variant chips when a size is low-stock

Attributes

AttributeTypeDefaultDescription
data-thresholdnumber5Show the badge when stock is at or below this number.
idstringUnique element identifier.
classstringCustom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

"Only N left" when stock is low.

<mmm-pdp-hurry-up></mmm-pdp-hurry-up>