---
title: Heading
description: Renders hierarchical titles to communicate the structure and organization of page content. Heading levels adjust automatically based on nesting within parent Section components, ensuring a meaningful and accessible page outline.
api_version: 2025-10
api_name: pos-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/pos-ui-extensions/latest/polaris-web-componentstitles-and-text/heading
  md: https://shopify.dev/docs/api/pos-ui-extensions/latest/polaris-web-componentstitles-and-text/heading.md
---

# Heading

Renders hierarchical titles to communicate the structure and organization of page content. Heading levels adjust automatically based on nesting within parent Section components, ensuring a meaningful and accessible page outline.

### Examples

* #### Code

  ##### Default

  ```html
  <s-heading>Heading (H2)</s-heading>
  <s-section>
    <s-heading>Heading (H3)</s-heading>
    <s-section>
      <s-heading>Heading (H4)</s-heading>
    </s-section>
  </s-section>
  ```

## Preview

![](https://shopify.dev/images/templated-apis-screenshots/pos-ui-extensions/2025-10/heading-default.png)