Loading
This is a legacy API. Use the latest version of Loading
instead.
Use the loading action set to indicate to users that a page is loading or an upload is processing.

You can use the features action in the following ways:
Anchor to Plain JavaScriptPlain Java Script
Anchor to Example codeExample code
Import the createApp
function from @shopify/app-bridge
and the Loading
from @shopify/app-bridge/actions
. Then use the createApp
function to create an app.
In the following example, config
is a valid App Bridge configuration object. Learn more about configuring App Bridge.
Anchor to Start loadingStart loading
Dispatch the START
loading action when loading new pages or starting asynchronous requests if there will be a noticeable delay in loading the content.
Anchor to Stop loadingStop loading
After the loading action is complete, dispatch the STOP
loading action.
Anchor to Subscribe to actionsSubscribe to actions
You can subscribe to actions from the loading action set.
Anchor to Subscribe to all actionsSubscribe to all actions
You can subscribe to all loading actions, regardless of which action sets trigger the actions:
Anchor to ReactReact
The App Bridge React library provides a Loading
component to indicate to users that a page is loading or an upload is processing.
Render the Loading
component if there will be a noticeable delay in loading the content.
Anchor to Example codeExample code
Import the Loading
component from @shopify/app-bridge-react
.
In the following example, config
is a valid App Bridge configuration object. Learn more about configuring App Bridge.
When using the App Bridge React library, you need to wrap all of your App Bridge React code inside of a single App Bridge Provider
.