salla-order-shipments

The salla-order-shipments component renders a per-shipment tracking breakdown on the thank-you page for orders fulfilled as split shipments (2+ shipments). It renders nothing for single-shipment orders, or when the store does not have the thankyou-page-multi-shipments feature enabled. Each shipment card shows the carrier logo, the tracking number with a copy button (or a placeholder text until a number is assigned) and the product images.

Use itCopy Anchor Link

In HTML or JSX, use the tag <salla-order-shipments> with the Attribute names below. In React, the wrapper takes the Property names (camelCase).

import { SallaOrderShipments } from '@salla.sa/twilight-components-react/order-shipments';

ExampleCopy Anchor Link

import { SallaOrderShipments } from '@salla.sa/twilight-components-react/order-shipments';

export function Example() {
  return (
    <>
      <SallaOrderShipments />
      <SallaOrderShipments orderId="123456" />
    </>
  );
}

PropertiesCopy Anchor Link