Deletion Toast

Toast notification for record deletion with undo support.

Appearance

  • Position: Bottom of screen
  • Contains: Trash icon, “Deleted” text, countdown timer
  • “Undo” button to restore record

Behavior

  • Appears when softDeleteRecord() called
  • Shows 60-second countdown
  • Auto-dismisses when timer expires
  • Record permanently deleted on dismissal

Animation

  • Animated entrance (slide up + fade)
  • Animated exit (slide down + fade)
  • Multiple deletions stack vertically

Implementation

Components:

  • DeletionToastView: Single toast
  • DeletionToastContainer: Manages multiple toasts

Undo Flow

  1. User swipes to delete
  2. Record marked as pending deletion
  3. Toast appears with countdown
  4. User taps “Undo”
  5. Record restored to list
  6. Toast dismissed

Related