OrderHeader Container

Configuration

The OrderHeader container provides the following configuration options:

Parameter	Type	Req?	Description
handleEmailAvailability	function	No	Callback to check whether a given email is available (not yet registered). Used to conditionally offer sign-up during guest order lookup.
handleSignUpClick	function	No	Callback invoked when the sign-up action is triggered from the order header.
orderData	OrderDataModel	No	A structured object containing order data used to pre-populate the header.

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the OrderHeader container:

import { render as provider } from '@dropins/storefront-order/render.js';
import { OrderHeader } from '@dropins/storefront-order/containers/OrderHeader.js';

await provider.render(OrderHeader, {
  handleEmailAvailability: handleEmailAvailability,
  handleSignUpClick: handleSignUpClick,
  orderData: orderData,
})(block);