Work / Learning Platform / Wiki / Surfaces
toasts
Surfacecanonicalverified 2026-10-04
SURFACE.WEB.PATTERNS.TOASTSSummary
Every toast the product raises.
Raw wireframe
- .context/designs/web/patterns/toasts.html
Why it is drawn this way
Read out of the source. Each group names the files that raise it.
The last group is humaniseError. Most error toasts are one of its sentences, chosen by the server's error code.
The design check cannot see these. It looks for toast(; the app calls toast.success( and toast.error(. It reports 0 strings checked. See tasks.md T005.
Names and addresses in the samples stand in for interpolated values.
Related
Sources
- packages/ui/src/lib/error.utils.ts
- packages/ui/src/hooks/use-auth.ts