Design System
Feedback

Toast

A brief, self-dismissing confirmation. Mount a single Toaster near the root and call toast() to raise one.

Purpose

A toast confirms something that already happened and then gets out of the way. Never put information in one that a person may need again — it disappears, and it is easy to miss.

Example

Best practices

Do

  • Mount exactly one <Toaster />, near the application root.
  • Keep the message to one line, in the past tense: "Claim submitted".

Don't

  • Report errors that need action in a toast — use an Alert.
  • Stack several at once for one user action.

On this page