pos.
Target
A full-screen extension target that renders when a pos.exchange.post.action.menu-item.render target calls for it
Note
This is part of a POS UI Extensions developer preview. More information to come.
Was this section helpful?
Exchange Post Action
jsx
import {render} from 'preact';
export default async () => {
render(<Extension />, document.body);
};
const Extension = () => {
return (
<s-navigator initial-screen-name="ExchangePostAction">
<s-screen name="ExchangePostAction" title="Exchange Post Action">
<s-scroll-box>
<s-text>Order ID: {shopify.order.id}</s-text>
</s-scroll-box>
</s-screen>
</s-navigator>
);
};
Examples
Exchange Post Action
jsx
import {render} from 'preact'; export default async () => { render(<Extension />, document.body); }; const Extension = () => { return ( <s-navigator initial-screen-name="ExchangePostAction"> <s-screen name="ExchangePostAction" title="Exchange Post Action"> <s-scroll-box> <s-text>Order ID: {shopify.order.id}</s-text> </s-scroll-box> </s-screen> </s-navigator> ); };
