mmo-notification

1 symbol · generated 27 Oct 2026

element

mmo-notification

Notification element to display a notification or a modal following the attached class

<mmo-notification></mmo-notification>

Extends: CustomShadowElement

Index

	duration	a toast's time on screen, in milliseconds, before it closes by itself; `0` keeps it until closed.
	Duration static	How long a `success` or `info` toast stays, in milliseconds, unless its `duration` says otherwise.
	duration readonly accessor
	init()
	disconnectedCallback()
	isToast()
	startTimer()	Start the toast's time on screen, from its whole duration.
	stopTimer()	Stop the toast's time on screen: it stays until closed.
	countDown()	Run or suspend the time left, following what holds the toast (`init`).
	expire()	The toast's time is up: it fades out -- at once for who asked for less motion -- and closes.
	show(elements)	Show a notification
	alert(elements)	Show a modal notification
	close(value)	Close the notification: it is put away, and whoever opened it hears about it.
	title	the heading of the card
	header	anything else on the header line, next to the title
	(default)	the body
	footer	the buttons under it
	.modal	make the notification a modal
	.onboarding	make the notification an onboarding notification
	.info	set info colors for the notification
	.warning	set warning colors for the notification
	.error	set error colors for the notification
	.success	set success colors for the notification

Attributes1

duration

mmo-notification.jhs

a toast's time on screen, in milliseconds, before it closes by itself; 0 keeps it until closed. Without it, a success or info toast of the shell's stack (MMO.app.showNotification) closes after Duration, and any other stays until closed: an error or a warning is read before it goes, so is a toast offering a button (a reload), and a card the page lays out itself is the page's

duration

Properties2

Duration

staticmmo-notification.jhs:49

How long a success or info toast stays, in milliseconds, unless its duration says otherwise.

static Duration = 6000;

Type: number

An application sets it once: `customElements.get('mmo-notification').Duration = 8000`

duration

readonlyaccessormmo-notification.jhs:99

get duration()

Type: number

Methods10

init()

mmo-notification.jhs:51

init()

disconnectedCallback()

mmo-notification.jhs:84

disconnectedCallback()

isToast()

mmo-notification.jhs:92

isToast()

returns boolean whether the card is a toast, the one shape that may close by itself

startTimer()

mmo-notification.jhs:114

Start the toast's time on screen, from its whole duration.

startTimer()

stopTimer()

mmo-notification.jhs:125

Stop the toast's time on screen: it stays until closed.

stopTimer()

countDown()

mmo-notification.jhs:134

Run or suspend the time left, following what holds the toast (init).

countDown()

expire()

mmo-notification.jhs:149

The toast's time is up: it fades out -- at once for who asked for less motion -- and closes.

expire()

show(elements)

mmo-notification.jhs:170

Show a notification

show(...elements)

...elements	`...HTMLElement`	- The elements to show in the notification
returns	`Promise`	A promise that resolves when the notification is closed

alert(elements)

mmo-notification.jhs:198

Show a modal notification

alert(...elements)

...elements	`...HTMLElement`	- The elements to show in the notification
returns	`Promise`	A promise that resolves when the notification is closed

close(value)

mmo-notification.jhs:211

Close the notification: it is put away, and whoever opened it hears about it.

close(value)

The element stays in the dom -- a page that declares its own card reopens it with `show`. A card nobody keeps, like the toasts `MMO.app.showNotification` builds, is dropped by the one that created it, on this event.

value any - The value to return when the notification is closed