1206
This interaction showcases a step-slider used to adjust bidding prices in a ride-hailing app. Tapping or dragging along the slider snaps the thumb to discrete increments (+20, +30, etc.). As the slider moves, the main price text, helper text, and primary action button dynamically update to reflect the new total. Tapping the 'Reset' button triggers a smooth snap-back animation of the slider thumb to the starting position, accompanied by a contextual change in the helper icon and text.
