Skip to main content

pos.home.modal.render
Target

A full-screen extension target that renders when a pos.home.tile.render target calls for it

Was this section helpful?

Modal

import React from 'react'

import { Text, Screen, ScrollView, Navigator, reactExtension } from '@shopify/ui-extensions-react/point-of-sale'

const Modal = () => {
return (
<Navigator>
<Screen name='HelloWorld' title='Hello World!'>
<ScrollView>
<Text>Welcome to the extension!</Text>
</ScrollView>
</Screen>
</Navigator>
)
}

export default reactExtension('pos.home.modal.render', () => <Modal />);