Menus, Application Menu & Tray Icons

Menus, Application Menu & Tray Icons

Create a native menu:

const { Menu } = require('electron');
const template = [
  {
    label: 'File',
    submenu: [
      { role: 'quit' }
    ]
  },
  {
    label: 'Edit',
    submenu: [
      { role: 'undo' },
      { role: 'redo' },
      { type: 'separator' },
      { role: 'copy' },
      { role: 'paste' }
    ]
  }
];
const menu = Menu.buildFromTemplate(template);
Menu.setApplicationMenu(menu);

Tray (system‑level icon):

const { Tray, nativeImage } = require('electron');
let tray = null;
app.whenReady().then(() => {
  const icon = nativeImage.createFromPath('assets/tray.png');
  tray = new Tray(icon);
  tray.setToolTip('My Electron App');
  tray.setContextMenu(Menu.buildFromTemplate([
    { label: 'Show', click: () => win.show() },
    { label: 'Quit', click: () => app.quit() }
  ]));
});