Toast

When to use

Use for non-intrusive passive notifications that appear briefly and auto-dismiss. Best for confirmations like "Changes saved" or "Item added".

Users may miss toast messages. never use for errors that require action or critical information.

When not to use

  • Errors requiring user action. Use inline Message component
  • For confirmations requiring acknowledgment, use Dialog

Guidelines

  • Match severity to content: Success for confirmations, error for failures, info for updates, warn for caution.
  • Tell users how to fix: Error toasts should say "Please enter your email" not just "Field is blank".
  • Duration: Success = 3s, Error = 5s (users need more time to read errors).

How it works