Toast
Composite Status and feedback draft Gen UI partConfirms something just happened, with an undo. Disappears on its own.
Examples
HTML and CSS
Framework-free reference. Styles live in system/components/toast.css and read only tokens. Wrap markup in .v-root.
Rendered markup of the anatomy example
Props and slots
The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.
Props
| Prop | Values | Default |
|---|---|---|
text * | string | |
icon | add | alert | arrow-left | arrow-right | arrow-up | bell | calendar | card | chat-add | chat | check-sweep-clean | check | chevron-down | chevron-right | clock | delete-x-circle | delete-x | edit | gift | globe | home | info | lock | mail | mic | more | phone | pin | qr | receipt | search | send | shield-check | shield | sparkle | star | sun | trash | undo | upload | users-add | users | utensils | |
duration | number | 6 |
* required.
Slot rules
children: Button. One text button, usually Undo.
In Gen UI
How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.
JSON node
Every node may also carry id, grow, attribution, privateOnly and fallbackText.
Rules that name this part
No part-specific rules. The structure and behaviour rules still apply.
Usage in recipes
1 of the original cards use it. After V1. Priority table
Bot functions: Calendar and itinerary, Group plans, Plan capture.