pos.exchange.post.action.menu-item.render

Target

Examples

• Menu item

  React

  import React from 'react';
  
  import {
    Button,
    reactExtension,
    useApi,
  } from '@shopify/ui-extensions-react/point-of-sale';
  
  const ExchangeActionMenuItem = () => {
    const api = useApi<'pos.exchange.post.action.menu-item.render'>();
    return (
      <Button
        onPress={() => {
          api.action.presentModal();
        }}
      />
    );
  };
  
  export default reactExtension(
    'pos.exchange.post.action.menu-item.render',
    () => <ExchangeActionMenuItem />,
  );
  

  TS

  import {Button, extension} from '@shopify/ui-extensions/point-of-sale';
  
  export default extension(
    'pos.exchange.post.action.menu-item.render',
    (root, api) => {
      const button = root.createComponent(Button, {
        onPress: () => {
          api.action.presentModal();
        },
      });
  
      root.append(button);
    },
  );