POSBlock
component
Renders a in a .
Anchor to posblockrowPOSBlockRow
Anchor to onPress
onPress
() => void
A callback for when the row is tapped.
Was this section helpful?
Render a POSBlockRow in a POSBlock
import React from 'react';
import {
reactExtension,
useApi,
POSBlock,
POSBlockRow,
Text,
} from '@shopify/ui-extensions-react/point-of-sale';
const PostPurchaseBlock = () => {
const api =
useApi<'pos.purchase.post.block.render'>();
return (
<POSBlock>
<POSBlockRow>
<Text>Hello, world!</Text>
</POSBlockRow>
</POSBlock>
);
};
export default reactExtension(
'pos.purchase.post.block.render',
() => <PostPurchaseBlock />,
);
Preview
