ShippingAddressDisplay Container

The ShippingAddressDisplay container shows the selected shipping address for a quote with options to change or add new addresses. This component integrates with the company address book for B2B customers.

Version: 1.0.0-beta5

Configuration

The ShippingAddressDisplay container provides the following configuration options:

Parameter	Type	Req?	Description
shippingAddress	ShippingAddress	No	Provides the shipping address object to display for the quote. Contains address details such as street, city, region, postal code, and country. Required to render the address information in the container.
loading	boolean	No	Controls the loading state of the container. Shows a loading indicator when set to true while address data is being fetched or processed. Use to provide visual feedback during async operations.

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the ShippingAddressDisplay container:

import { render as provider } from '@dropins/storefront-quote-management/render.js';
import { ShippingAddressDisplay } from '@dropins/storefront-quote-management/containers/ShippingAddressDisplay.js';

await provider.render(ShippingAddressDisplay, {
  shippingAddress: shippingAddress,
  loading: true,
})(block);