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? | Action | Output |
---|---|---|
onSwiping | False | |
onSwiped | False | |
onTap | False | |
onSwiping Direction | ||
↓ Show ↓ | onSwiped Direction | |
delta: | ||
rotationAngle: | ||
swipeDuration: (ms | Infinity) | ||
preventScrollOnSwipe: | ||
trackTouch: | ||
trackMouse: |
Prevent scroll via CSS (touch-action): |