Skip to content

Work / Learning Platform / Wiki / Surfaces

toasts

Surfacecanonicalverified 2026-10-04

SURFACE.WEB.PATTERNS.TOASTS

Summary

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