Logoreact-pre-hooks
DocumentationDocumentationContributionContribution (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Getting Started
    • useAnimationFrame
    • useArray
    • useAsyncCallback
    • useAudioAnalyser
    • useBoolean
    • useClickAway
    • useClipboard
    • useClock
    • useCounter
    • useDebouncedState
    • useDragAndDrop
    • useEventListener
    • useFileDropArea
    • useForceUpdate
    • useFullscreen
    • useGamepad
    • useGeolocation
    • useGridLayout
    • useIntersectionObserver
    • useInterval
    • useInView
    • useIsomorphicEffect
    • useKeyboard
    • useLocalStorage
    • useMediaDevices
    • useMediaQuery
    • useMousePosition
    • useMutationObserver
    • useNetworkState
    • useOrientation
    • usePageVisibility
    • usePointers
    • usePreferredLanguage
    • useRect
    • useResizeObserver
    • useScreenCapture
    • useScrollDirection
    • useScrollPosition
    • useScrollThreshold
    • useSelection
    • useSessionStorage
    • useSwiping
    • useTimeout
    • useToggle
    • useViewport
    • useWorker

On This Page

  • Type Definitions
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →View source code
Documentation
Hooks
useSwiping

useSwiping

Handle the user swipe actions on a container element.

12345678910

Type Definitions

type SwipeAction = {
    type: 'start' | 'moving' | 'end';
    deltaX: number;
    deltaY: number;
    initialX: number;
    initialY: number;
    event: PointerEvent;
};
type SwipeActionHandler = (action: SwipeAction) => any;
 
const useSwiping: <T extends HTMLElement>(args: {
    handler: SwipeActionHandler;
    ref?: React.RefObject<T> | null;
}) => React.RefObject<T>;
useSessionStorageuseTimeout

© Copyright 2023-2024 Malki Abderrahmane