Notifier

Imperative toast system for transient async-workflow feedback. Mounted once via <NotifierViewport />, called from anywhere via the notify API. Pairs with AlertBanner — toast = transient, banner = persistent inline state.

Variants

Three kinds: success, error, loading. Success auto-dismisses after 4s, error after 5s, loading is sticky until update() or dismiss().

Loading → success

The canonical async-workflow pattern: kick off work with loading, swap in place when the workflow finishes.

With action

Pass an action to surface a button before the dismiss X. The toast closes after the action fires.

Stacking

Multiple toasts queue with the newest on top. Hover any toast to pause its progress timer.

When to use a toast vs a banner

Toasts are transient — they disappear. Banners persist until the underlying state changes. Reach for the right surface.

Use Notifier for one-shot feedback about background work (workflow completed, action saved, etc.) — the user does not need to keep seeing it. Use AlertBanner for state the user has to act on (form errors, empty states, missing connections) — it must stay visible until resolved.