Skip to main content

Connectivity API
APIs

The Connectivity API enables POS UI extensions to retrieve device connectivity information, such as whether the device has an internet connection.

Anchor to connectivityapiConnectivityApi

Anchor to subscribable
subscribable
RemoteSubscribable<>
required

Creates a subscription to changes in connectivity. Provides an initial value and a callback to subscribe to value changes.

Was this section helpful?

Anchor to examplesExamples

Examples of using the Connectivity API

Anchor to example-subscribe-to-connectivity-changes.Subscribe to connectivity changes.
Was this section helpful?

Subscribe to connectivity changes.

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

const SmartGridTile = () => {
const connectivity = useConnectivitySubscription();

return (
<Tile
title='My App'
enabled={connectivity.internetConnected === 'Connected'}
/>
);
};

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