This guide will take you through the process of creating a Tray icon with its own context menu to the system’s notification area.

On MacOS and Ubuntu, the Tray will be located on the top right corner of your screen, adjacent to your battery and wifi icons. On Windows, the Tray will usually be located in the bottom right corner.

Next we will create our Tray. To do this, we will use a icon, which can be created through any one of these methods. Note that we wrap our Tray creation code within an as we will need to wait for our electron app to finish initializing.

太好了！ Now we can start attaching a context menu to our Tray, like so:

Finally, let’s give our tray a tooltip and a title.

After you start your electron app, you should see the Tray residing in either the top or bottom right of your screen, depending on your operating system. fiddle docs/fiddles/native-ui/tray