OrderStatus Container

Version: 3.2.0

Configuration

The OrderStatus container provides the following configuration options:

Parameter	Type	Req?	Description
className	string	No	Additional CSS classes to apply to the container
orderData	OrderDataModel	No	A structured object containing order data. Used as an initial value or fallback if data is not fetched from the backend.
statusTitle	string	No	Custom title text to display above the order status indicator.
status	StatusEnumProps	No	The current order status value used to display the status indicator.
routeCreateReturn	function	No	Function that returns the URL for the create return page.
routeOnSuccess	function	No	Function that returns the URL to redirect to after a successful action.
onError	function	No	Callback function triggered when error

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
OrderActions	SlotProps	Yes

Usage

The following example demonstrates how to use the OrderStatus container:

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

await provider.render(OrderStatus, {
  className: "Example Name",
  orderData: orderData,
  statusTitle: "Example Title",
  slots: {
    // Add custom slot implementations here
  }
})(block);