OrderSummary Container

Overview

The OrderSummary container component for the drop-in.

Version: 1.5.1

Configuration

The OrderSummary container provides the following configuration options:

Property	Type	Required	Description

Parameter	Type	Req?	Description
routeCheckout	(context: CheckoutRouteContext) => string	No	Callback function for route checkout
Coupons	SlotProps	No	Configuration for coupons
GiftCards	SlotProps	No	Configuration for gift cards

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
slots	{ EstimateShipping?: SlotProps	No	Custom slot for rendering slots

Usage

The following example demonstrates how to use the OrderSummary container:

import { OrderSummary } from '@dropins/storefront-cart';

export default function MyComponent() {
  return (
    <OrderSummary
      routeCheckout=() => {}
      Coupons={Coupons}
      GiftCards={GiftCards}
    />
  );
}