---
api_version: 2025-10
api_name: customer-account-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components
  md: https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components.md
---

# Polaris web components

## Components for customer accounts

The components on this page are for customer account UI extensions. For more options, you can also use components from the larger checkout library.

[More components - Checkout components](https://shopify.dev/docs/api/checkout-ui-extensions/polaris-web-components)

## Actions

[![ButtonGroup](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/buttongroup-thumbnail.png)![ButtonGroup](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/buttongroup-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/buttongroup)

[Button​Group](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/buttongroup)

[ButtonGroup is used to display multiple buttons in a layout that is contextual based on the screen width or parent component.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/buttongroup)

[![CustomerAccountAction](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/customeraccountaction-thumbnail.png)![CustomerAccountAction](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/customeraccountaction-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/customeraccountaction)

[Customer​Account​Action](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/customeraccountaction)

[A modal to complete an order action flow.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/customeraccountaction)

[![Menu](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/menu-thumbnail.png)![Menu](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/menu-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/menu)

[Menu](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/menu)

[Use a menu to display a list of actions in a popover.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/actions/menu)

## Media

[![Avatar](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/avatar-thumbnail.png)![Avatar](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/avatar-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/avatar)

[Avatar](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/avatar)

[Avatar component is used to show a thumbnail representation of an individual or business in the interface.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/avatar)

[![ImageGroup](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/imagegroup-thumbnail.png)![ImageGroup](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/imagegroup-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/imagegroup)

[Image​Group](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/imagegroup)

[Display up to 4 images in a grid or stacked layout.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/media/imagegroup)

## Structure

[![Page](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/page-thumbnail.png)![Page](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/page-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/page)

[Page](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/page)

[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.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/page)

[![Section](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/section-thumbnail.png)![Section](https://shopify.dev/images/templated-apis-screenshots/customer-account-ui-extensions/2025-10/section-thumbnail.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/section)

[Section](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/section)

[Groups related content into clearly-defined thematic areas.](https://shopify.dev/docs/api/customer-account-ui-extensions/latest/polaris-web-components/structure/section)