Toasts

Toasts

Toasts are compact transient notifications that can appear without moving the main page content.

Core concept

Explain toast markup, header/body, close behavior, autohide, delay, placement containers, and JavaScript initialization.

Using it in a real interface

Use a saved-success toast and an error toast that requires user attention. Explain why important failures may need a persistent alert instead of an automatically disappearing toast.

Implementation notes

Accessible live-region behavior matters because users who cannot see the toast may otherwise miss the message. Keep notification text concise and actionable.