OrderStatus Container
Version: 3.0.0-beta2
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 | |
statusTitle | string | No | |
status | StatusEnumProps | No | |
routeCreateReturn | function | No | |
routeOnSuccess | function | No | |
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);