Commmerce Docs

What it is

Identical shape to shipping-address but for billing. Includes a "same as shipping" toggle.

When to use

  • Below shipping in checkout
  • B2B checkouts where the two addresses always differ

Attributes

AttributeTypeDefaultDescription
data-checkout-idstringcontextInherited from the surroundingcontext.
data-same-as-defaultbooleantrueToggle default state of "same as shipping".
idstringUnique element identifier.
classstringCustom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Billing form with same-as toggle.

<mmm-checkout-billing-address></mmm-checkout-billing-address>