Skip to main content
OrderSummary
DeprecatedCompact order summary — line items + total only. Used in cart drawer and confirmation. Superseded by checkoutsummary.
Categorymolecules
Source
patterns/molecules/ordersummary.htmlAI HintUse for grouped UI patterns. Combine atoms into functional units.
Order line-item summary.
OrderSummary
Commerce — Family 7
Order line-item summary.
Usage
Order line-item summary. Refer to the DS component index for full prop details.
import { OrderSummary } from '@epasslive/design-system'Props
Preview
OrderSummary
Prop
Type
Required
Default
Description
itemsOrderItem[]Required
—No description.
totalnumberRequired
—No description.
currencystringRequired
—ISO 4217
Quick use:
<OrderSummary />Accessibility
ARIA roleregion
Type
1 ruleARIA
1 ruleUsage
Import
tsxSnippet
import { OrderSummary } from "@epasslive/design-system"Example 1
tsxSnippet
<OrderSummary />Example 2
tsxSnippet
<OrderSummary variant="default" />Anti-patterns
— Do not hardcode data in molecules
— Avoid complex business logic in molecules