Feedback & Interaction · What a tap feels like
Swipe to dismiss滑动关闭
- decisive
- gesture-first
- crisp
Swipe an item sideways to push it away; past a certain distance or speed it closes outright.
When to use it
Use it for mobile notifications, mail and list rows; on desktop users do not expect it, so provide a button as a fallback.
Parameters
movement > 40% width or velocity > 0.5px/ms to dismiss · flies out 200ms ease-out
Recipe
Swipe to dismiss → 200ms ease-outwhen movement > 40% width or velocity > 0.5px/ms to dismissSwipe to dismiss → flies out 200ms ease-out
One sentence for your AI
Let this list row swipe away: dismiss when dragged past 40% of its width or swiped faster than 0.5px/ms, flying out over 200ms ease-out, otherwise spring back.