1 min read

Checkout UI Extension Card

It seems like a simple task, but it took me a while to figure out how to add a component with a white background in the Shopify Checkout UI.

After some research, I found that the solution is actually quite simple. The right component is Card, but it doesn’t come from the @shopify/ui-extensions-react/checkout package.

Instead, it comes from the @shopify/ui-extensions-react/customer-account package, as the order status page is part of the customer account pages and resides in that context.

Copy the code below:

import { Card } from "@shopify/ui-extensions-react/customer-account";