Checkout Summary

A detailed list for a product in checkout.

How do we layout product information so a user is able to scan and navigate product details quickly?

Information in the list may be one of various types, so they were designed to provide the user better differentiation between each item and to what context that item belongs.

Users may click a key-value pair in the list to navigate back to the point in the configurator where they may edit the respective value - before completing the flow using the checkout actions below the list.