Order Summary 9 block design & features
This order confirmation opens as a dialog on load. The header has a green check beside the title, a short thank-you message and the order number with its date. Below it the purchased items sit in their own scrolling list, each with a large rounded thumbnail, the product name, its variant and quantity, and the line price on the right; the next item peeks out at the bottom so it is clear there is more. It is built with shadcn/ui.
The list and the dialog use a thin scrollbar that stays hidden until the pointer is over them. Under the list the shipping address and the payment method with the delivery estimate sit side by side, followed by a bordered price summary with a larger total, and Track order and Continue shopping buttons.
The title, message, order number, date, products, address, payment details, price lines and total are props. The item count is worked out from the product quantities.