XUI.notify demo

Top-right corner renders notifications inside a Shadow DOM tree. Buttons below call XUI.notify(...) directly. Stacking, auto-dismiss, and close-on-click are all wired up.

Semantic types

Custom duration

Non-closable

Concurrent stack

Manual close (returned handle)

XUI.notify(message, options?)
options = {
  type: 'info' | 'success' | 'warning' | 'error', // default 'info'
  duration: 3000,                                  // 0 = sticky
  closable: true,                                  // hide the × button
}
// returns { close(): void }