---
title: Section
description: |-
  The section component groups related content into clearly-defined thematic areas with consistent styling and structure. Use section to organize page content into logical blocks, each with its own heading and visual container.

  Sections automatically adapt their styling based on nesting depth and adjust heading levels to maintain meaningful, accessible page hierarchies. For simple visual separation without headings, use [divider](/docs/api/customer-account-ui-extensions/latest/web-components/layout-and-structure/divider).
api_version: 2026-04
api_name: customer-account-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/customer-account-ui-extensions/latest/web-components/structure/section
  md: https://shopify.dev/docs/api/customer-account-ui-extensions/latest/web-components/structure/section.md
---

Section

Not supported in this version.