unvibed.
Menu
Free UI audit
All motion techniques

Undoable row removal.

Archive the insert from a sample print order and bring it back with Undo. The restored row returns to its original position.

  • Cover
  • Insert
  • Colophon

Three items in the print order.

Resting states
Insert in the order → Insert archived, Undo available
Reduced motion
The row is removed or restored immediately. Undo stays available until the insert is restored.

Implementation excerpt

const visible = plates.filter(plate => plate.id !== archivedId);
<button onClick={() => setArchivedId(null)}>Undo archive</button>

Where Unvibed uses it

This public print-desk example is the site’s demonstration of undoable row removal.

Related design directions