react-swipeable v7.0.0

Examples:
💻 Feature testing with console log ⇨
🖼 Image Carousel ⇨
👉 Swipe pattern ⇨
💻 Test react-swipeable features.
Swipe inside here to test

See output below and check the console for 'onSwiping' and 'onSwiped' callback output(open dev tools)

You can also 'toggle' the swiped props being applied to this container below.
Applied?ActionOutput
onSwipingFalse
onSwipedFalse
onTapFalse
onSwiping Direction
↓ Show ↓onSwiped Direction
delta:
rotationAngle:
swipeDuration:
(ms | Infinity)
preventScrollOnSwipe:
trackTouch:
trackMouse:
Prevent scroll via CSS (touch-action):
🖼 Image Carousel
Note: swipe must be "faster" then 500ms to trigger.
See code for example usage of swipeDuration and preventScrollOnSwipe.
👉 Swipe pattern
Swipe the pattern below, within this box, to make the carousel go to the next slide

Swipe:

See code for example usage of onTouchStartOrMouseDown and touchEventOptions

Thanks for checking out the examples! Let us know if you discover anything or have thoughts on improvements, and submit an issue or PR!