Skip to main content
The billingAddress element renders the six address atoms plus optional fullName and companyName slots. Use it standalone alongside a payment method, or configure it as a section inside Checkout.

Factory

Example

Optional slots

  • fields.fullName: opts in a full-name field above the address atoms. Accepts the same options as the standalone fullName element (splitMode, per-half labels, etc.). When configured, value.fullName is null until either half is non-empty, then { firstName, lastName }. When omitted, value.fullName is undefined.
  • fields.companyName: opts in a company-name field between fullName and the atoms. Same options as the standalone companyName element. When configured, value.companyName is '' until typed. When omitted, value.companyName is undefined.

Submitted value

Fields you hid via hidden: true are excluded from validation and are not required in value.

Inside Checkout

When both shippingAddress and billingAddress are configured, Checkout renders a “Same as shipping” toggle on the billing section. See Billing address section.

See also

Last modified on July 17, 2026