Animate buttons using gesture controls like whileTap and onDrag from Framer Motion
Learn how to create common button animations by applying gesture recognizers like
onDrag. Framer Motion offers flexibility in how animations are pieced together but offers sensible defaults for the transitions it applies without you having to mess with transition easing methods.
These props extend React's event listeners to apply powerful gesture detection for animations on components and can be strung together or used for more simple use cases.
Check out the official docs for more information on them.