Skip to main content

Feature Test Console

👆 Swipeable Box 👆

Swipe within this box to test the useSwipeable hook. Open the browser console window to see the event details.

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):