---
title: pos.home.tile.render
description: >-
  Renders a single interactive tile component on the POS home screen's smart
  grid. The tile appears once during home screen initialization and remains
  persistent until navigation occurs. Use this target for high-frequency
  actions, status displays, or entry points to workflows that merchants need
  daily.


  Extensions at this target can dynamically update properties like enabled state
  and badge values in response to cart changes or device conditions. Tiles
  typically invoke `shopify.action.presentModal()` to launch the companion modal
  for complete workflows.
api_version: 2025-10
api_name: pos-ui-extensions
source_url:
  html: >-
    https://shopify.dev/docs/api/pos-ui-extensions/latest/targets/smart-grid/pos-home-tile-render
  md: >-
    https://shopify.dev/docs/api/pos-ui-extensions/latest/targets/smart-grid/pos-home-tile-render.md
---

# pos.​home.​tile.​render

Renders a single interactive tile component on the POS home screen's smart grid. The tile appears once during home screen initialization and remains persistent until navigation occurs. Use this target for high-frequency actions, status displays, or entry points to workflows that merchants need daily.

Extensions at this target can dynamically update properties like enabled state and badge values in response to cart changes or device conditions. Tiles typically invoke `shopify.action.presentModal()` to launch the companion modal for complete workflows.

### Examples

* #### Create a smart grid tile

  ##### Description

  Add an interactive tile to the POS home screen smart grid for high-frequency actions. This example shows how to create a persistent tile that can dynamically update its enabled state and badge values, providing merchants with quick access to daily workflows and status displays.

  ##### jsx

  ```jsx
  import {render} from 'preact';

  export default async () => {
    render(<Extension />, document.body);
  };

  const Extension = () => {
    return (
      <s-tile
        heading="My app"
        subheading="SmartGrid react Extension"
        onClick={() => {
          shopify.action.presentModal();
        }}
      />
    );
  };
  ```