---
title: PosBlock
description: Creates a surface on the specified block extension target, serving as a container to place content with an action button.
api_version: 2025-10
api_name: pos-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/pos-ui-extensions/latest/polaris-web-componentsstructure/posblock
  md: https://shopify.dev/docs/api/pos-ui-extensions/latest/polaris-web-componentsstructure/posblock.md
---

# Pos​Block

Creates a surface on the specified block extension target, serving as a container to place content with an action button.

## Properties

* heading

  string

  The heading to display within the POSBlock.

  If not provided, the description of the extension will be used when a heading is appropriate.

* id

  string

  A unique identifier for the element.

## QR Code

Renders a QR code when the block is used within a Receipt target.

* content

  string

  The content to be encoded in the QR code, which can be any string such as a URL, email address, plain text, etc. Specific string formatting can trigger actions on the user's device when scanned, like opening geolocation coordinates on a map, opening a preferred app or app store entry, preparing an email, text message, and more.

* id

  string

  A unique identifier for the element.

## Slots

* secondary-actions

  HTMLElement

  The secondary actions to perform, provided as button or link type elements.

### Examples

* #### Code

  ##### Default

  ```html
  <s-pos-block>
    <s-box paddingBlock="base">
      <s-text>Customer Loyalty</s-text>
    </s-box>
  </s-pos-block>
  ```

## Preview

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