pos.
Target
A full-screen extension target that renders when a pos.cart.line-item-details.action.render target calls for it
Was this section helpful?
Cart Line Item details action
import React from 'react';
import {
Text,
Screen,
ScrollView,
Navigator,
reactExtension,
useApi,
} from '@shopify/ui-extensions-react/point-of-sale';
const Modal = () => {
const api = useApi<'pos.cart.line-item-details.action.render'>();
return (
<Navigator>
<Screen name="CartLineItem" title="Cart Line Item">
<ScrollView>
<Text>{`Title for this line item: ${api.cartLineItem.title}`}</Text>
</ScrollView>
</Screen>
</Navigator>
);
};
export default reactExtension(
'pos.cart.line-item-details.action.render',
() => <Modal />,
);
