0790

Swiggy Slide to Pay Interaction

Swiggy Slide to Pay Interaction

This interaction features a slide-to-pay confirmation button at the bottom of a checkout screen. Users drag the circular green handle containing double chevrons from left to right along the track. The motion is direct and responsive, tracking the user's finger. If released before reaching the end, the handle snaps back to its starting position with a springy ease. Upon reaching the end, it triggers the payment flow, typically transitioning into a loading spinner or success animation.