Undo toast demo (delete + undo)

TAB DEMO

Undo toast (delete + undo)

Try Tab → Enter • press U / Ctrl+Z (AFTER only)

Delete “Slot B”

Step 1: delete Slot B Step 2: try to undo Tip: press Space to emphasize AFTER

BEFORE: you get a visual-only delete toast (and no Undo). AFTER: the toast includes a real Undo button and a live announcement so the user learns what happened (without losing focus).

BEFORE (no Undo)

Save slots

Delete is immediate. The toast is visual-only.

Deleted. Slot removed.

Not announced (no live region).

AFTER (Undo + announce)

Save slots

Undo is available briefly. Focus stays stable.

Deleted “Slot B”.

Undo available for 6 seconds.

Announced + actionable Undo.

Last action: (none yet)

Tip: add ?autoplay=1 to auto-run (for capture).

Share this demo