CODEWITHSUNDEEP
macosbadgeelectron
previous_developer
previous_developer

Reputation: 10988

How to implement a dock icon notification indicator with Electron in OS X?

I don't actually know the thing's name, I am talking about the red dot on the right top corner of app icon.

Slack Notification

Upvotes: 14

Views: 8546

Answers (2)

ifedapo olarewaju
ifedapo olarewaju

Reputation: 3441

you can also try this

app.setBadgeCount(numberOfNotifiations)

What I usually do is simply increase the current badge count by 1, like so:

app.setBadgeCount(app.getBadgeCount() + 1)

see https://electron.atom.io/docs/all/#appsetbadgecountcount-linux-macos

Upvotes: 2

Shawn Rakowski
Shawn Rakowski

Reputation: 5714

I'll have to make some assumptions here because I don't own a Mac to test this with. I believe that those red dots on the corner of an app icon are referred to as badges. In Electron's App module there are methods to get/set the badge along with other dock features. Check out http://electron.atom.io/docs/v0.30.0/api/app/ for more information. Here are the relevant methods:

app.dock.setBadge(text)

text String Sets the string to be displayed in the dock’s badging area.

Note: This API is only available on Mac.

app.dock.getBadge()

Returns the badge string of the dock.

Note: This API is only available on Mac.

My guess is the code to produce the dot that you see in the example from Slack that you provided would look something like this:

var app = require('app');
app.dock.setBadge('.');

Upvotes: 14

Related Questions