Component · feedback.toast
Toast
A transient feedback message that confirms an outcome without blocking the entire UI.
Informative mappings only. Platform examples below describe possible target primitives. This release does not ship adapters for React, Swift, Android or any other platform.
Anatomy
| Part | Required | Description |
|---|---|---|
message | yes | Primary feedback text. |
action | no | Optional follow-up action such as Undo. |
close | no | Manual dismiss control. |
States
- default
- entering
- visible
- leaving
Keyboard
- Action and close controls are reachable by keyboard when present
- Escape may dismiss when the toast is focusable or has a close control
Accessibility
Announce the message through an appropriate live region or platform notification API without stealing focus unless the toast requires immediate interaction. Timeouts must give users enough time to read and act. Do not place critical errors only in ephemeral toasts.
Motion
Slide or fade in/out is common; under reduced motion, fade briefly or appear statically, preserving the settled message.
Platform mappings
web
web
role=status or alert depending on urgency; avoid focus traps.
apple
apple
SwiftUI notice banners or system-style transient alerts.
android
android
Snackbar or Toast APIs with action affordances when required.