# Configuration When you create a [customer account UI extension](/api/customer-account-ui-extensions/), an [app extension configuration](/docs/apps/app-extensions/configuration) `shopify.extension.toml` file is automatically generated in your extension's directory. This guide describes [extension targeting](#targets), [capabilities](#capabilities), [metafields](#metafields), and the [settings](#settings-definition) you can configure in the app extension configuration. ## How it works You define properties for your customer account UI extension in the extension configuration file. The `shopify.extension.toml` file contains the extension's configuration, which includes the extension name, targets, capabilities, and settings. When an extension is published to Shopify, the contents of the settings file are pushed alongside the extension. ### shopify.extension.toml ```toml api_version = "unstable" [[extensions]] type = "ui_extension" name = "My customer account extension" handle = "customer-account-ui" [[extensions.targeting]] target = "customer-account.order-status.block.render" module = "./OrderStatusBlockExtension.jsx" [extensions.capabilities] network_access = true api_access = true [[extensions.metafields]] namespace = "my-namespace" key = "my-key" [[extensions.metafields]] namespace = "my-namespace" key = "my-other-key" [extensions.settings] [[extensions.settings.fields]] key = "field_key" type = "boolean" name = "field-name" [[extensions.settings.fields]] key = "field_key_2" type = "number_integer" name = "field-name-2" ``` - [Learn more](/docs/apps/app-extensions/configuration): App extension configuration ## Targets [Targets](/docs/api/customer-account-ui-extensions/extension-targets-overview) represent where your customer account UI extension will be injected. You may have one or many targets defined in your app extension configuration using the `targeting` field. Along with the `target`, Shopify needs to know which code to execute for it. You specify the path to your code file by using the `module` property. ### Supporting a single extension target Your code should have a default export if it only supports a single extension target. ### Single extension target ```toml # ... [[extensions.targeting]] target = "customer-account.order-status.block.render" module = "./Extension.jsx" # ... ``` ```jsx // ... export default reactExtension( 'customer-account.order-status.block.render', <Extension />, ); function Extension() { // ... } ``` ### Supporting multiple extension targets You can support multiple extension targets within a single configuration file. However, you must provide a separate file per extension target using the `export default` declaration. ### Multiple extension targets ```toml # ... [[extensions.targeting]] target = "customer-account.page.render" module = "./FullPageExtension.jsx" [[extensions.targeting]] target = "customer-account.order-status.block.render" module = "./BlockExtension.jsx" # ... ``` ```jsx // ... // ./FullPageExtension.jsx export default reactExtension( 'customer-account.page.render', <FullPageExtension />, ); function FullPageExtension() { // ... } ``` ```jsx // ... // ./BlockExtension.jsx export default reactExtension( 'customer-account.order-status.block.render', <BlockExtension />, ); function BlockExtension() { // ... } ``` ## Capabilities Defines the [capabilities](/docs/api/customer-account-ui-extensions/apis/extension#standardapi-propertydetail-extension) associated with your extension. | Property | Description | |---|---| | [`api_access`](#api-access) | Allows your extension to query the Storefront API. | [`network_access`](#network-access) | Allows your extension make external network calls. ### Capabilities ```toml # ... [extensions.capabilities] api_access = true network_access = true # ... ``` ## Storefront API access The following section describes the use cases of the `api_access` capability and the [Storefront API](/api/storefront) access scopes. ### Enable Storefront API access ```toml # ... [extensions.capabilities] api_access = true # ... ``` - [See](/docs/api/customer-account-ui-extensions/apis/storefront-api#examples): API access examples ## Network access The following section describes use cases for requesting network access, alternatives to requesting network access, and steps for completing a request for network access. > Caution: > If your extension specifies the `network_access` capability, you must request access in order to publish your extension. ### Enable network access ```toml # ... [extensions.capabilities] network_access = true # ... ``` ## Metafields All customer account UI extension [targets](/docs/api/customer-account-ui-extensions/targets) can read and write to metafields using the [Customer Account API](/docs/api/customer-account-ui-extensions/apis/customer-account-api). Learn more about [writing to metafields](/docs/apps/build/customer-accounts/metafields). Access to metafields on a read-only basis through the [Order Status API](/docs/api/customer-account-ui-extensions/apis/order-status-api/metafields) is available to order status [targets](/api/customer-account-ui-extensions/targets) and is defined in your configuration. Customer account UI extensions are configured for metafields similarly to checkout UI extensions. [Learn more](/docs/api/checkout-ui-extensions/configuration#metafields). ## Settings definition The settings for a customer account UI extension define a set of fields that the merchant will be able to set a value for from the [checkout editor](/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor). You can use validation options to apply additional constraints to the data that the setting can store, such as a minimum or maximum value. Each settings definition can include up to 20 settings. > Note: > All setting inputs are optional. You should code the extension so that it still works if the merchant hasn't set a value for the setting. The settings are only available to order status [targets](/api/customer-account-ui-extensions/targets). ## Example settings definition The following example shows a settings definition that defines a setting named `banner_title` of type `single_line_text_field`. When the merchant sets a value for this setting from the checkout editor, Shopify validates that the provided value is between 5 and 20 characters in length ### Example settings ```toml api_version = "unstable" [[extensions]] name = "My customer account ui extension" handle = "customer-account-ui" type = "ui_extension" [extensions.settings] [[extensions.settings.fields]] key = "banner_title" type = "single_line_text_field" name = "Banner title" description = "Enter a title for the banner." [[extensions.settings.fields.validations]] name = "min" value = "5" [[extensions.settings.fields.validations]] name = "max" value = "20" ``` - [See](/docs/api/customer-account-ui-extensions/apis/order-status-api/settings#examples): Settings example code ## References - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/2024-10/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/2024-10/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [DropZone](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/dropzone.txt): Dropzone allows file uploads through drag-and-drop functionality into a designated area on a page, or by activating a button. At present, Dropzone does not offer image upload preview capabilities. The use of object URLs directly in an image component is not possible due to the extension and host operating on separate domains. Any element focused within the Dropzone component, including child elements such as the 'Add file' button, will initiate the file selector when the Enter or Spacebar key is pressed. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/2024-10/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page. - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/2025-01/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/2025-01/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [DropZone](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/dropzone.txt): Dropzone allows file uploads through drag-and-drop functionality into a designated area on a page, or by activating a button. At present, Dropzone does not offer image upload preview capabilities. The use of object URLs directly in an image component is not possible due to the extension and host operating on separate domains. Any element focused within the Dropzone component, including child elements such as the 'Add file' button, will initiate the file selector when the Enter or Spacebar key is pressed. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/2025-01/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page. - [Authenticated Account](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/authenticated-account.txt): The API for interacting with an account in which the customer is fully authenticated. - [Customer Account API](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/customer-account-api.txt): Create unique customer experiences with the Customer Account API. The API offers a full range of options making it possible for customers to view their orders, manage their profile and much more. - [Extension](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/extension.txt): The API for interacting with the metadata of an extension. - [Localization](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/localization.txt): The API for localizing your extension. - [Navigation](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/navigation.txt): The API provided to extensions to navigate to extensions or host page. - [Addresses](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/addresses.txt): The API for interacting with addresses. - [Attributes](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/attributes.txt): The API for interacting with cart and checkout attributes. - [Authentication State](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/authentication-state.txt): The API for interacting with authentication state. - [Buyer Identity](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/buyer-identity.txt): The API for interacting with the buyer identity. - [Cart Lines](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/cart-lines.txt): The APIs for interacting with the cart lines. - [Checkout Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/checkout-settings.txt): The API for interacting with the checkout settings. - [Cost](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/cost.txt): The API for interacting with the cost of a checkout. - [Discounts](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/discounts.txt): The API for interacting with discounts. - [Gift Cards](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/gift-cards.txt): The API for interacting with gift cards. - [Localization (Order Status API)](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/localization-(order-status-api).txt): The API for localizing your extension. - [Metafields](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/metafields.txt): The API for interacting with metafields. - [Note](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/note.txt): The API for interacting with the note applied to checkout. - [Order](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/order.txt): The API for interacting with the order, available on the Order Status Page. - [Require Login](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/require-login.txt): The API for interacting with the authentication. - [Shop](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/order-status-api/shop.txt): The API for interacting with shop. - [Storefront API](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/storefront-api.txt): Querying the Storefront API. - [Session Token](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/session-token.txt): The API for interacting with session tokens. - [Settings](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/settings.txt): The API for interacting with merchant settings. - [Storage](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/storage.txt): The API for interacting with local storage. - [UI](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/ui.txt): The API for interacting with UI. - [Version](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/apis/version.txt): The API for interacting with version. - [customer-account.order-index.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-index/customer-account-order-index-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Index page in customer accounts. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.order-status.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Order Status Page. - [customer-account.order-status.cart-line-item.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-cart-line-item-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on every line item, inside the details under the line item properties element on the Order Status Page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.cart-line-list.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-cart-line-list-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders after all line items on the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.customer-information.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-customer-information-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders below the order details section of the Order Status page. > Caution: Use the `@shopify/ui-extensions/customer-account` or `@shopify/ui-extensions-react/customer-account` surfaces when targeting order status targets. Importing from the `checkout` surface is deprecated as of version `2023-10`. - [customer-account.order-status.fulfillment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-fulfillment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card on the Order Status page. A separate delivery status card is shown for each fulfillment. - [customer-account.order-status.payment-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-payment-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the payment status section of the Order Status page. - [customer-account.order-status.return-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-return-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the return status card on the Order Status page. This card only shows when a return has been requested. - [customer-account.order-status.unfulfilled-items.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-status/customer-account-order-status-unfulfilled-items-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the delivery status card for unfulfilled items on the Order Status page. - [customer-account.order.action.menu-item.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-menu-item-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders as 1 order action on the Order Index and Order Status pages in customer accounts. - [customer-account.order.action.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-render.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders inside a modal, as a result of the customer clicking the button rendered via the `customer-account.order.action.menu-item.render` extension target. - [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/full-page/customer-account-order-page-render.txt): This [full-page extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#full-page-extension-full-page-extension-(order-specific)) allows you to create a new page in customer accounts, **tied to a specific order**. It renders in the main content area—below the header, and above the footer. If the page you're building is not tied to a specific order, use [customer-account.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` A full-page extension target cannot coexist with any other targets in the same extension. - [customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/full-page/customer-account-page-render.txt): This [full-page extension](/docs/api/customer-account-ui-extensions/unstable/extension-targets-overview#full-page-extension-full-page-extension) allows you to create a new page in customer accounts. It renders in the main content area—below the header, and above the footer. If the page you're building is tied to a specific order, use [customer-account.order.page.render](/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render) instead. For example: - A Return Request page that requires the context of a specific order should use `customer-account.order.page.render` - A Wishlist page that does **not** require the context of a specific order should use `customer-account.page.render` A full-page extension target cannot coexist with any other targets in the same extension. - [customer-account.profile.addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(default)/customer-account-profile-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers. - [customer-account.profile.block.render](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(default)/customer-account-profile-block-render.txt): A [block extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the Profile page in customer accounts. This extension target renders for all customers, including B2B customers. Merchants can choose to place this extension in any of the supported locations. To preview your extension in each supported location, use the placement reference for that location as a URL parameter. - [customer-account.profile.company-details.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-details-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the company name, and before company location information. - [customer-account.profile.company-location-addresses.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-addresses-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Addresses section for the company location. - [customer-account.profile.company-location-payment.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-payment-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Payment methods section for the company location. - [customer-account.profile.company-location-staff.render-after](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(b2b)/customer-account-profile-company-location-staff-render-after.txt): A [static extension target](/docs/api/customer-account-ui-extensions/extension-targets-overview#static-extension-targets) that renders on the Profile page in customer accounts—for B2B customers only. It renders after the Staff and permissions section for the company location. - [Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/avatar.txt): Avatar component is used to show a thumbnail representation of an individual or business in the interface. It can be a graphical representation or visual depiction, such as an image, initials, or an icon. - [Card](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/card.txt): Group related content and functionality together in a familiar and consistent style, for customers to scan, read, and get things done. - [CustomerAccountAction](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/customeraccountaction.txt): A modal to complete an order action flow. This component can only be used to populate the [customer-account.order.action.render](/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-render) extension target, which renders as a result of the customer clicking the order action button rendered via the [customer-account.order.action.menu-item.render](/docs/api/customer-account-ui-extensions/unstable/targets/order-action-menu/customer-account-order-action-menu-item-render) extension target. - [ImageGroup](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/imagegroup.txt): Display up to 4 images in a grid or stacked layout. For example, images of products in a wishlist or subscription. When there are more than 4 images, the component indicates how many more images are not displayed. - [Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/menu.txt): Use a menu to display a list of actions in a popover. Actions can open a modal, trigger an event, or link to an external page. - [Page](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/page.txt): The outer wrapper of the page—including the page title, subtitle, and page-level actions—displayed in a familiar and consistent style that sets expectations about the purpose of the page. - [ResourceItem](https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/components/resourceitem.txt): Use to represent a specific object within a collection, that a customer can take action on. For example, a list of active subscriptions or redeemable offers, in a style consistent with the order index page.