hannachen

ShopifyApp.Bar.initialize({
  buttons: {
    primary: {
      label: "Confirm Save",
    },
    secondary: [
      {
        label: "Cancel"
      }
    ]

hannachen

ShopifyApp.Bar.initialize({
  buttons: {
    primary: {
      label: "Save",
    },
    secondary: [
      {
        label: "Cancel"
      }
    ]

hannachen

import {TitleBar} from ‘@shopify/app-bridge/actions’;

// Create buttons
const saveButton = Button.create(app, { label: 'Save' });
const cancelButton = Button.create(app, { label: 'Cancel' });

// Setup title bar options
const titleBarOptions = {
  title: 'My page title',
  buttons: {

hannachen

import { TitleBar } from '@shopify/app-bridge/actions';

const titleBar = TitleBar.create(app, {
  title: 'My page title',
});

hannachen

<script src="https://unpkg.com/@shopify/app-bridge"></script>

<script>
var AppBridge = window['app-bridge'];
var createApp = AppBridge.default;
var app = createApp({
  apiKey: 'API key from Shopify Partner Dashboard',
  shopOrigin: shopOrigin,
});
</script>

hannachen

import React from 'react';
import ReactDOM from 'react-dom';
import {Provider, TitleBar} from '@shopify/app-bridge-react';

function MyApp() {
  const config = {apiKey: '12345', shopOrigin: shopOrigin};

  return (
    <Provider config={config}>
      <TitleBar title="My page title"/>

hannachen

import createApp from ‘@shopify/app-bridge’

const app = createApp({
  apiKey: ‘app_api_key’,
  shopOrigin: ‘example.myshopify.com’,
  forceRedirect: true,
});

hannachen

import {Modal} from '@shopify/app-bridge/actions';

const modalOptions = {
  title: 'My Modal',
  message: 'Hello world!',
};

const closeModalCallback = function() {
  console.log('Modal was closed!');
}

hannachen

import createApp from '@shopify/app-bridge'

const app = createApp({
  apiKey: 'app_api_key',
  shopOrigin: 'example.myshopify.com',
  forceRedirect: true,
});

hannachen

Keybase proof

I hereby claim:

• I am hannachen on github.
• I am hanna (https://keybase.io/hanna) on keybase.
• I have a public key ASBMgItyA2aSK-Hbvy92-ipoSxbf4Z6uYhYiJfnykndkhQo

To claim this, I am signing this object: