MenuItem
Add items to native application menus and context menus.
Process: Main
See Menu
for examples.
Class: MenuItem
Create a new MenuItem
with the following method:
new MenuItem(options)
options
Objectclick
Function - Will be called withclick(menuItem, browserWindow, event)
when the menu item is clicked.menuItem
MenuItembrowserWindow
BrowserWindowevent
Event
role
String - Define the action of the menu item, when specified theclick
property will be ignored.type
String - Can benormal
,separator
,submenu
,checkbox
orradio
.label
Stringsublabel
Stringaccelerator
Acceleratoricon
NativeImageenabled
Boolean - If false, the menu item will be greyed out and unclickable.visible
Boolean - If false, the menu item will be entirely hidden.checked
Boolean - Should only be specified forcheckbox
orradio
type menu items.submenu
Menu - Should be specified forsubmenu
type menu items. Ifsubmenu
is specified, thetype: 'submenu'
can be omitted. If the value is not aMenu
then it will be automatically converted to one usingMenu.buildFromTemplate
.id
String - Unique within a single menu. If defined then it can be used as a reference to this item by the position attribute.position
String - This field allows fine-grained definition of the specific location within a given menu.
It is best to specify role
for any menu item that matches a standard role,
rather than trying to manually implement the behavior in a click
function.
The built-in role
behavior will give the best native experience.
The label
and accelerator
are optional when using a role
and will default
to appropriate values for each platform.
The role
property can have following values:
undo
redo
cut
copy
paste
pasteandmatchstyle
selectall
delete
minimize
- Minimize current windowclose
- Close current windowquit
- Quit the applicationtogglefullscreen
- Toggle full screen mode on the current windowresetzoom
- Reset the focused page's zoom level to the original sizezoomin
- Zoom in the focused page by 10%zoomout
- Zoom out the focused page by 10%
On macOS role
can also have following additional values:
about
- Map to theorderFrontStandardAboutPanel
actionhide
- Map to thehide
actionhideothers
- Map to thehideOtherApplications
actionunhide
- Map to theunhideAllApplications
actionstartspeaking
- Map to thestartSpeaking
actionstopspeaking
- Map to thestopSpeaking
actionfront
- Map to thearrangeInFront
actionzoom
- Map to theperformZoom
actionwindow
- The submenu is a "Window" menuhelp
- The submenu is a "Help" menuservices
- The submenu is a "Services" menu
When specifying role
on macOS, label
and accelerator
are the only options
that will affect the MenuItem. All other options will be ignored.
Instance Properties
The following properties are available on instances of MenuItem
:
menuItem.enabled
A Boolean indicating whether the item is enabled, this property can be dynamically changed.
menuItem.visible
A Boolean indicating whether the item is visible, this property can be dynamically changed.
menuItem.checked
A Boolean indicating whether the item is checked, this property can be dynamically changed.
A checkbox
menu item will toggle the checked
property on and off when
selected.
A radio
menu item will turn on its checked
property when clicked, and
will turn off that property for all adjacent items in the same menu.
You can add a click
function for additional behavior.