Feedback and states · §5.18
Toast
A transient confirmation on the inverse surface.
Code
notify("Request sent")Accessibility
- Polite live region; pauses on hover and focus.
Usage
Do
- 4 s, or 8 s with an action.
Don't
- Never for errors that need action.
Platforms
- Web
- apps/web/components/ui/sonner.tsx, apps/web/components/edflow/toast.ts
- iOS
- Custom capsule above the tab bar
- Android
- Custom capsule above the navigation bar