Toast

<.button phx-click="show-toast">Show Toast</.button>

# In your LiveView:
def handle_event("show-toast", _, socket) do
  {:noreply,
   push_event(socket, "toast", %{
     variant: "success",
     title: "Success!",
     description: "Your changes have been saved.",
     duration: 5000
   })}
end

Flash-based Toasts

Toasts can also be triggered via Phoenix flash messages. The toast container automatically displays :info and :error flash messages.

# In your LiveView:
{:noreply, put_flash(socket, :info, "Operation completed!")}

Programmatic Toasts

For more control, use push_event/3 to show toasts programmatically:

push_event(socket, "toast", %{
  variant: "success",    # "default", "success", or "destructive"
  title: "Success!",
  description: "Your changes have been saved.",
  duration: 5000         # milliseconds, 0 = no auto-dismiss
})

Notes

• Flash-based toasts are cleared on navigation or when dismissed.
• Programmatic toasts auto-dismiss after the specified duration. Set duration: 0 to disable auto-dismiss.
• Toasts use role="status" and aria-live="polite" for accessibility.