OrderStatus Container

Version: 3.0.0-beta1

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	Data object for order
statusTitle	string	No	Title text for status
status	StatusEnumProps	No	Configuration for status
routeCreateReturn	function	No	Callback function for route create return
routeOnSuccess	function	No	Callback function for route on success
onError	function	No	Callback function triggered when error

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
OrderActions	SlotProps	Yes	Custom slot for rendering order actions

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