Component: Order Complete Details

Available from: Release 108

Purpose

The Order Complete Details component displays key details about a customer's order after it is completed. It includes:

• Contact information

• Order date

• Payment method

• Billing address

• Shipping address

• Company name

If enabled, a Print button allows customers to print their order details.

Customisation

The component is flexible and can be customised using the props listed below.

Props

Prop Name	Type	Default Value	Description
Heading label	string	Order details	The heading displayed at the top of the component.
Contact information label	string	Contact information	The label for the contact information section.
Order date label	string	Order date	The label for the order date section.
Payment method label	string	Payment method	The label for the payment method section.
Billing address label	string	Billing address	The label for the billing address section.
Shipping address label	string	Shipping address	The label for the shipping address section.
Company name label	string	Company name	The label for the company name section.
Show print button?	boolean	True	If true, a Print button is displayed, allowing customers to print the order details. If false, the button is hidden.
Print button label	string	Print receipt	The text displayed on the print button.