App Bridge Title Bar: Create

app-bridge-titlebar-create.js

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: {
    primary: saveButton,
    secondary: [cancelButton],
  },
};

// Create title bar
const myTitleBar = TitleBar.create(app, titleBarOptions);