Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

PurchaseOrderCommentsList Container

Displays the list of comments associated with a purchase order in chronological order.

Version: 1.0.0-beta3

Configuration

The PurchaseOrderCommentsList container provides the following configuration options:

ParameterTypeReq?Description
withHeaderbooleanNoWhen true, displays the header section. Set to false when embedding the container within a layout that provides its own header.
withWrapperbooleanNoWhen true, wraps the container in a styled wrapper. Set to false for custom styling or when the container is embedded within another styled component.
visibleRecordsLimitnumberNoMaximum number of comments to display initially. Additional comments can be revealed with a ‘Show More’ action. Use to prevent overwhelming users with long comment threads.
classNamestringNoAdditional CSS classes to apply to the container for custom styling.

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the PurchaseOrderCommentsList container:

import { render as provider } from '@dropins/storefront-purchase-order/render.js';
import { PurchaseOrderCommentsList } from '@dropins/storefront-purchase-order/containers/PurchaseOrderCommentsList.js';
await provider.render(PurchaseOrderCommentsList, {
withHeader: true,
withWrapper: true,
visibleRecordsLimit: 0,
})(block);