The Notification interface of the Notifications API is used to configure and display desktop notifications to the user. These notifications' appearance and specific functionality vary across platforms but generally they provide a way to asynchronously provide information to the user.

This browser does not support desktop notification

Title & Body

Basic example of a notification with a basic title and body.

Icon

The icon on a notification is the image to the left of the title and body text.

Action Buttons

Actions allow you to add buttons to a notification so multiple actions can be performed by your user.

Require Interaction

On desktop, a notification is only displayed for a short period of time. On Android, notifications are shown until the user interacts with it.

Notification Badge

Notification badges are only being used on mobile, at least at the time of writing. It’s used to replace the browser icon that is shown by default.