---
title: AdminPrintAction
description: AdminPrintAction is a component used by admin print action extensions to denote a URL to print. Admin print action extensions require the use of this component.
api_version: 2024-10
api_name: admin-extensions
source_url:
  html: https://shopify.dev/docs/api/admin-extensions/2024-10/components/other/adminprintaction
  md: https://shopify.dev/docs/api/admin-extensions/2024-10/components/other/adminprintaction.md
---

# Admin​Print​Action

AdminPrintAction is a component used by admin print action extensions to denote a URL to print. Admin print action extensions require the use of this component.

## AdminPrintActionProps

* src

  string

  Sets the src URL of the preview and the document to print. If not provided, the preview will show an empty state and the print button will be disabled. HTML, PDFs and images are supported.

### Examples

* #### Set the source URL of the print action extension.

  ##### React

  ```tsx
  import React from 'react';
  import {
    reactExtension,
    AdminPrintAction,
    Text,
  } from '@shopify/ui-extensions-react/admin';

  function App() {
    return (
      <AdminPrintAction src="https://example.com">
        <Text>Modal content</Text>
      </AdminPrintAction>
    );
  }

  export default reactExtension(
    'Playground',
    () => <App />,
  );
  ```

  ##### JS

  ```js
  import {extension, AdminPrintAction, Text} from '@shopify/ui-extensions/admin';

  export default extension('Playground', (root) => {
    const adminPrintAction = root.createComponent(
      AdminPrintAction,
      {
        src: 'https://example.com',
      },
      root.createComponent(Text, {fontWeight: 'bold'}, 'Modal content'),
    );

    root.append(adminPrintAction);
    root.mount();
  });
  ```

## Preview

![](https://shopify.dev/images/templated-apis-screenshots/admin-extensions/2024-10/adminprintaction-default.png)

## Related

[![](https://shopify.dev/images/icons/32/pickaxe-1.png)![](https://shopify.dev/images/icons/32/pickaxe-1-dark.png)](https://shopify.dev/docs/api/admin-extensions/components/other/adminaction)

[AdminAction](https://shopify.dev/docs/api/admin-extensions/components/other/adminaction)

[![](https://shopify.dev/images/icons/32/pickaxe-1.png)![](https://shopify.dev/images/icons/32/pickaxe-1-dark.png)](https://shopify.dev/docs/api/admin-extensions/components/other/adminblock)

[AdminBlock](https://shopify.dev/docs/api/admin-extensions/components/other/adminblock)