Codemo Playground
  • Getting Started
  • General UI
  • Dynamic UI
    • Waiting
    • Hover
    • Toast notification
    • Dialogs
    • Data Table
  • Browser Interactions
  • Storage & State
  • API
  • Beehive
Back to Home
Dynamic UI

Toast notification

Display brief messages to the user that automatically disappear after a short duration.
Basic Auto-Dismiss
Click to show a toast that auto-dismisses after 3 seconds.
Manual Dismiss
Click to show a toast and close it manually using the X button.

Manually dismissed: 0 times

Stacked Toasts
Click to show multiple toasts stacked vertically.
Toast with Action Button
Click toast action button and verify action executes.

Undo action clicked: 0 times

Message Content
Verify different toast types display with correct messages and styling.