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