Canonical inventory
Feedback · core
Toast
feedback.toastA toast is a brief, non-blocking message shown after an action or system event.
toastthe message that pops up after savingsnackbartemporary confirmationthe system messagethe progress or status indicator
States5
Touch targetDisplay
Evidence4
Introduced by8 kits
Visual specimen
Same contract. Every kit voice.
ToastA toast is a brief, non-blocking message shown after an action or system event.
Translation table
What code calls it.
Webrole=statusThe closest native or standardized web primitive.direct
ARIAstatusThe primary accessibility role or state pattern.direct
SwiftUICustom View compositionSwiftUI has no single direct equivalent; compose and name the behavior explicitly.approximation
AppKitCustom NSView compositionAppKit has no single direct equivalent; use a custom view or controller composition.approximation
Anatomy
Every part, named.
- 1Transient surface
- 2Status icon
- 3Confirmation message
- 4Optional action
- 5Timed or explicit dismissal
Often confused with
Similar shape. Different contract.
Prompt · paste into your agent
Ask for the exact thing.
Implement the canonical Toast component (feedback.toast). A toast is a brief, non-blocking message shown after an action or system event. Support these states: neutral, success, warning, error, loading. Use semantic design tokens rather than raw visual values. Preserve a minimum appropriatepx touch target where interactive. Provide and verify: implementation, state-matrix, responsive, reduced-motion. Keep the component API stable so every Studio kit can supply its own rendering without changing the behavior contract.Studio contract
What must be proven.
Required states
neutral · success · warning · error · loading
Required evidence
implementation · state-matrix · responsive · reduced-motion
Source union
mavan · jade · lumen · aurora · cabana · purple-rain · spatial · margin