UI // Click & Drag Button

Hello friends,
here a button element contained a slider to confirm the action. The break generated by the slide gesture is an extra check that helps to reduce the number of mistake during a decisive part of the user experience.
Also, this kind of gesture is mainly mobile-friendly and it may be awkward on desktop.

The prototype is been realised with SCSS, JQuery and GSAP.
Feel free to check the design and inspect the code on Codepen.

Leave any feedback or comment!
Thank you (:

More by Cosimo Scarpa

View profile