Question 1

How do I add a custom context menu to my menubar app?

Accepted Answer

You can create a native menu using Electron's Tray.setContextMenu() and pass a custom Tray instance to Menubar, as shown in the native-menu example in the repository. This allows for right-click menus without modifying the main window.

Question 2

Menubar vs. Electron's native Tray API: which should I use?

Accepted Answer

Menubar is better if you want a high-level abstraction to quickly set up tray apps with minimal code, while Electron's native Tray API is preferable for fine-grained control or when integrating with complex existing Electron applications. Menubar simplifies boilerplate but adds a layer of abstraction.

Question 3

Does menubar support high-DPI or retina displays?

Accepted Answer

Yes, it supports retina displays by allowing you to supply @2x sized icon files (e.g., icon.png and icon@2x.png), as mentioned in the icon option documentation. Electron automatically uses the appropriate version based on screen density.

Question 4

How can I debug my menubar application during development?

Accepted Answer

You can open developer tools by listening to the 'after-create-window' event and calling mb.window.openDevTools(), as suggested in the Tips section. This provides access to Chrome DevTools for inspecting HTML and JavaScript.

Question 5

Can I use menubar with a frontend framework like React or Vue?

Accepted Answer

Yes, since Menubar loads an HTML file, you can embed any frontend framework in your index.html and use build tools to bundle it. However, you'll need to handle the integration separately, as Menubar doesn't provide specific helpers for frameworks.

Question 6

What happens if Electron updates and breaks menubar compatibility?

Accepted Answer

Menubar maintains a compatibility table in the README, specifying which versions work with which Electron releases. You may need to pin dependencies or update Menubar when upgrading Electron, as breaking changes can occur, especially with major Electron updates.

menubar

What is menubar?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions