Toasts

Arriving events slide in at the top right (full width under the banner on a phone), at most three at a time, auto-dismissing in six seconds or ten if critical.

What it is

A single toast stack portaled to the body so no view's overflow or scroll lock can clip it. Older toasts collapse into a '+N more' pill that opens the bell panel. Toasts never lock body scroll.

Also called: popup alert · toast message · corner notification

See it
Toasts
Area
Operations
Group
Notifications
System
Notifications
Solves
2 named problems
01Only events whose registry default turns toasting on ever become toasts.
02Placement is top-right on desktop and full-width below the top banner on mobile.
03Explicit dismissal marks the rows seen; clicking the body or CTA marks them read and navigates; expiry marks nothing.
Three stacked toasts top-right with a '+2 more' pill beneath. NotificationToaster.tsx. Sample data — no customer information appears here.
How it works
  1. 1Only events whose registry default turns toasting on ever become toasts.
  2. 2Placement is top-right on desktop and full-width below the top banner on mobile.
  3. 3Explicit dismissal marks the rows seen; clicking the body or CTA marks them read and navigates; expiry marks nothing.
Why we built it

The placement has a recorded reason: the old bottom-right position 'stacked the toasts directly on top of the Academy launcher and the bug-report pill (both bottom-right) — three unrelated things fighting for one corner. The top-right is empty chrome, and it's also where the bell lives conceptually, so a toast now appears near what it belongs to.'

The problem
  • Three UI elements fighting for one corner
  • Toasts clipped by a view's overflow
Sound familiar?
What you get
Alerts that never cover the controls
A capped stack with an overflow route into the bell
What's inside

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →