Native Menus & Context Menus
Implement custom application menus, context menus, and tray menus to provide familiar navigation and options for users.
Native Menus in Electron
Electron lets you build desktop apps using web technologies. But desktop apps also need native features like menus!
Native menus offer a familiar experience to users, fitting seamlessly into their operating system. Electron's Menu module allows you to create these.
- Application Menus: The main menu bar (File, Edit, View).
- Context Menus: Right-click menus specific to an element.
- Tray Menus: Menus for icons in the system tray or dock.
Building the Main Menu Bar
The Application Menu is the main menu bar at the top of your app window (Windows/Linux) or the top of the screen (macOS).
It usually contains standard options like "File", "Edit", "View", and "Help". These menus make your app feel native and provide essential navigation.
You define its structure using a JavaScript array of objects, called a menu template.
All lessons in this course
- Native Menus & Context Menus
- Dialogs and Notifications
- Shell Integration
- Global Shortcuts and Clipboard Access