Toast
Position transient alert messages in a named region.
Preview
Changes saved.
Example
<.toast><.alert color={:success}>Changes saved.</.alert></.toast>API contract
toast/1 uses declared Phoenix attributes and slots. This table is generated from the compiled component metadata.
| Attribute | Type | Required | Default | Accepted values |
|---|---|---|---|---|
horizontal |
:atom |
No | :end |
[:start, :center, :end] |
vertical |
:atom |
No | :bottom |
[:top, :middle, :bottom] |
label |
:string |
No | "Notifications" |
Any value matching the declared type |
class |
:any |
No | nil |
Any value matching the declared type |
rest |
:global |
No | — |
Any value matching the declared type |
| Slot | Required | Slot attributes |
|---|---|---|
inner_block |
Yes | No slot attributes |
States and behavior
Semantic text accompanies visual treatment so status is not conveyed through color or motion alone.
Keyboard and accessibility
The component itself does not add a keyboard interaction. Any slotted action must remain a labelled native control.