Toast

Feedback

Temporary notification with auto-dismiss, action buttons, position control, and queue management

Basic Status Toasts

Flexible parameters for different status messages.

Variants

Positions

Animations

Advanced Features

Promise-based Updates

Usage Guidelines

When to Use

  • Action confirmations
  • Non-critical updates
  • Undo opportunities

Accessibility

  • role=status or aria-live
  • Action buttons keyboard accessible

Performance

  • Efficient queue system
  • Portal rendering

Common Mistakes

  • Critical errors in Toast (use Alert)
  • Too many Toasts stacking

Frequently Asked Questions

4-5 seconds for simple messages, longer for actions. Always allow manual dismiss.
Yes, Toast can include action buttons for undo or other actions.

View on GitHub

See the full source code on GitHub

Related Components

View all
Alert

Contextual messaging with severity variants, dismissal, icons, and action button integration

Backdrop

Backdrop overlay for modals with blur effects and click-to-close functionality

Progress

Progress indicator with determinate/indeterminate modes, labels, and variant system including gradients

Result

Full-page status displays for success, error, and HTTP status codes (404, 403, 500) with action buttons

Previous

Snackbar

Next

Tour