ShippingAddressDisplay Container

The ShippingAddressDisplay container shows the selected shipping address for a quote or a warning if there is no shipping address set.

Version: 1.1.2

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.
initialData	object	No	Preloaded data for the model before backend data is fetched. Use for testing, SSR, or improving initial load.

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';

// Omit shippingAddress to use drop-in state. When passing from parent:
const address = props.quoteData?.shipping_address;
await provider.render(ShippingAddressDisplay, {
  shippingAddress: address,
  loading: false,
})(block);