OrderSummaryLine Container

Individual line item in the order summary displaying label and price.

Version: 1.0.0-beta5

Configuration

The OrderSummaryLine container provides the following configuration options:

Parameter	Type	Req?	Description
label	VNode | string	Yes	Label text or component for the line item.
price	VNode<HTMLAttributes<HTMLSpanElement>>	Yes	Price component for the line item.
classSuffixes	Array<string>	No	Provides an array of CSS class suffixes for styling variants. Use to apply different visual styles to order summary line items based on their type or context.
labelClassSuffix	string	No	CSS class suffix specifically for the label.
testId	string	No	Test ID for automated testing.
children	any	No	Child elements to render within the container

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the OrderSummaryLine container:

import { render as provider } from '@dropins/storefront-quote-management/render.js';
import { OrderSummaryLine } from '@dropins/storefront-quote-management/containers/OrderSummaryLine.js';

await provider.render(OrderSummaryLine, {
  label: label,
  price: price,
  classSuffixes: [],
})(block);