---
title: pos.home.tile.render
description: A static extension target that renders as a smart grid tile
api_version: 2024-04
api_name: pos-ui-extensions
source_url:
  html: >-
    https://shopify.dev/docs/api/pos-ui-extensions/2024-04/targets/smart-grid/pos-home-tile-render
  md: >-
    https://shopify.dev/docs/api/pos-ui-extensions/2024-04/targets/smart-grid/pos-home-tile-render.md
---

# pos.​home.​tile.​renderTarget

A static extension target that renders as a smart grid tile

### Examples

* #### Tile

  ##### React

  ```tsx
  import React from 'react'

  import { Tile, reactExtension, useApi } from '@shopify/ui-extensions-react/point-of-sale'

  const TileComponent = () => {
    const api = useApi()
    return (
      <Tile
        title='My app'
        subtitle='SmartGrid react Extension'
        onPress={() => {
          api.action.presentModal()
        }}
        enabled
      />
    )
  }

  export default reactExtension('pos.home.tile.render', () => {
    return <TileComponent />
  })
  ```

  ##### TS

  ```ts
  import {extension, Tile} from '@shopify/ui-extensions/point-of-sale';

  export default extension('pos.home.tile.render', (root, api) => {
    const tile = root.createComponent(Tile, {
      title: 'My app',
      subtitle: 'SmartGrid vanilla-js Extension',
      onPress: () => api.action.presentModal(),
      enabled: true,
    });

    root.append(tile);
  });
  ```

## Related

[- pos.home.modal.render](https://shopify.dev/docs/api/pos-ui-extensions/targets/pos-home-modal-render)