Back to Dictionary
Action Feedback
●●●Requires Setup
Swipe Gesture Hint
A subtle, bouncing horizontal nudge on a list item indicating that it can be swiped to reveal hidden actions (like delete or archive).
Live Demo
What It Is
A subtle, bouncing horizontal nudge on a list item indicating that it can be swiped to reveal hidden actions (like delete or archive).
✓When to Use
- Mobile-first list views
- Email or message inboxes
- Task lists
✕When NOT to Use
- Desktop applications without touch support
- Items where a visible actions menu (e.g., "...") is present and sufficient
Configuration Tips
- 01Play the hint animation only once upon first entering the view
- 02Move the item slightly (e.g., 20px) to reveal the background action color momentarily
You've Seen It In
Apple MailGmailTodoist
Prompt Templates
Copy and paste these prompts into your AI coding assistant.
Make the list item wiggle to the left briefly to show it can be swiped.
Code Example (Tailwind CSS)
export function SwipeGestureHintDemo() {}