XNotification

System notifications from the browser, shown outside the page, for a reply that finishes while the user is in another tab.

Call requestPermission from a click, then open with a title and body to show a system notification once the user allows it.

Set duration in seconds to close the notification on its own, like a short heads-up that a reply is ready.

Give a notification a tag, then call close with that tag to remove it, and to stop a second open with that tag from showing a duplicate.

Pass onClick to bring the tab back into focus when the user clicks the notification, and close it with the function it receives.

The component inside real screens, with the components it usually sits beside.

A report card where an agent runs a long task with a progress bar and sends a system notification when the report is ready.

A chat panel with a switch that sends a system notification for a reply only when the user has moved to another tab.

A reminder form where the user writes a note, picks a delay and gets a system notification when the time comes.

On This Page