ItemsQuotedTemplate Container

The ItemsQuotedTemplate container displays items stored in a quote template for reuse in future quote requests.

Version: 1.0.0

Configuration

The ItemsQuotedTemplate container provides the following configuration options:

Parameter	Type	Req?	Description
templateData	NegotiableQuoteTemplateModel	No	Template data object. Auto-populated from drop-in state when omitted.

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
ProductListTable	function	No	Customizes the quote template items table. Use to replace or wrap the default table UI while keeping the built-in handlers for dropdown actions, quantity changes, and submission.
QuotePricesSummary	SlotProps	No	Customizes the pricing summary for quote template items. Use to change how totals and price breakdowns are displayed.

Usage

The following example demonstrates how to use the ItemsQuotedTemplate container:

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

await provider.render(ItemsQuotedTemplate, {
  templateData: templateData,
  slots: {
    // Add custom slot implementations here
  }
})(block);