Toast Notification Stack
A corner stack whose live region is mounted before any message exists, errors announce assertively, and the auto-dismiss timer pauses on hover and on focus.
Inboxes, unread badges, grouped feeds and preference panels.
A notification list is a read/unread state machine with a feed on top, and the details that make it usable are grouping (five likes, not five rows), a mark-all that does not require aim, and a preferences panel in reach of the bell. These carry all three, plus the empty state — which, for a notification centre, is the state most users see most days.
A corner stack whose live region is mounted before any message exists, errors announce assertively, and the auto-dismiss timer pauses on hover and on focus.
Per-event, per-channel switches as a real table, with required notifications locked and explained, and column headers that toggle a whole channel and report a mixed state honestly.
The bell panel: filterable list with read state, the unread count in the accessible name rather than only in a badge, and machine-readable timestamps beside the human ones.
The soft ask before the browser dialog you only get one shot at — what will be sent, what will not, and a decline of the same weight as the yes.
A day's notifications collapsed into one digest, grouped by what they are rather than when they arrived.
The control that turns notification volume down instead of off, which is the choice most people actually want.
Which channel carries which event, so the loud ones can be moved rather than muted entirely.
Alerts, banners and stacked toasts with timed dismissal.
Thread lists, conversation views, composers and presence.
Status pills, counters, chips and label variants.
Top bars, mega menus, mobile drawers and app sidebars.
Month grids, availability pickers, booking flows and time slots.
Cmd-K dialogs, search results, filter rails and facets.