Swipe-to-Archive List Item

Design a mobile message list where each row can be swiped right to archive it. The resting state should look like a normal inbox list, with sender, subject, and preview text doing the work before any gesture starts.

As the row moves, reveal an Archive icon and label behind it. The motion should make the action feel tied to that one item, not like the whole list is shifting.

This is about making the gesture legible fast: the user should understand that a right swipe archives, and the visual cue should confirm it without needing extra copy.

Keep the interaction native to a phone inbox. Rows still need to read as tappable messages while also signaling that a sideways drag changes their state.

Use the hidden action layer to show the archive target early in the drag, so the user gets confirmation before the row is fully committed.