Skip to main content

pos.product-details.action.menu-item.render
Target

A static extension target that renders as a menu item on the product details screen

Was this section helpful?

Menu item

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

const ButtonComponent = () => {
const api = useApi<'pos.product-details.action.menu-item.render'>();

return <Button onPress={() => api.action.presentModal()} />;
};

export default reactExtension(
'pos.product-details.action.menu-item.render',
() => <ButtonComponent />,
);