Commmerce Docs
← Web Components

Web Components · Cart & Checkout

<mmm-checkout-shipping-address>

Shipping address form with autofill and validation.

What it is

Full address form with country-aware fields, postcode lookup, and Google-Places autocomplete when enabled.

When to use

  • Address step in checkout

Attributes

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

Examples

Default

Standard shipping address form.

<mmm-checkout-shipping-address></mmm-checkout-shipping-address>