app.js

const {
  app, BrowserWindow, TouchBar, nativeImage,
} = require('electron');

const { TouchBarSegmentedControl } = TouchBar;

const image = nativeImage.createFromPath('./m.png').resize({ height: 30 });

app.on('ready', () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  const touchBar = new TouchBar({
    items: [
      new TouchBarSegmentedControl({
        segmentStyle: 'automatic',
        segments: [
          { icon: image },
          { icon: image, label: 'icon with text' },
          { label: 'baz', enabled: false },
          { label: 'bar' },
        ],
        selectedIndex: 3,
        change: (selectedIndex, isSelected) => {
          console.log(selectedIndex, isSelected);
        },
      }),
      new TouchBarSegmentedControl({
        segmentStyle: 'rounded',
        mode: 'multiple',
        segments: [
          { label: 'multiple' },
          { label: 'choice' },
        ],
        selectedIndex: 1,
      }),
      new TouchBarSegmentedControl({
        segmentStyle: 'automatic',
        mode: 'buttons',
        segments: [
          { label: 'can\'t be' },
          { label: 'selected' },
        ],
        change: (selectedIndex) => {
          console.log(selectedIndex);
        },
      }),
    ],
  });
  win.loadFile('index.html');
  win.webContents.openDevTools();
  win.setTouchBar(touchBar);
});