Commmerce Docs
← Web Components

Web Components · Cart & Checkout

<mmm-checkout-shipping-method>

Shipping option selector — ETA and rate.

What it is

Lists shipping options for the entered address with rate, ETA, and carrier info. Selecting one updates the order total.

When to use

  • After address entry in checkout

Attributes

AttributeTypeDefaultDescription
data-checkout-idstringcontextInherited from the surroundingcontext.
idstring—Unique element identifier.
classstring—Custom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Shipping options for the entered address.

<mmm-checkout-shipping-method></mmm-checkout-shipping-method>