Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

OrderStatus Container

Version: 3.0.0-beta2

Configuration

The OrderStatus container provides the following configuration options:

ParameterTypeReq?Description
classNamestringNoAdditional CSS classes to apply to the container
orderDataOrderDataModelNo
statusTitlestringNo
statusStatusEnumPropsNo
routeCreateReturnfunctionNo
routeOnSuccessfunctionNo
onErrorfunctionNoCallback function triggered when error

Slots

This container exposes the following slots for customization:

SlotTypeRequiredDescription
OrderActionsSlotPropsYes

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