use-swipe-to-dismiss
Version:
A simple React hook to dismiss an element by swiping
22 lines (21 loc) • 679 B
TypeScript
import React from 'react';
/** Custom hook useSwipeToDismiss.js to manage long press. */
declare const useSwipeToDismiss: (options?: {
dismissThreshold?: string | number;
onDismiss?: () => void;
onDismissEnd?: () => void;
snapbackDuration?: number;
snapbackEasing?: string;
}) => {
onTouchStart: (e: React.TouchEvent) => void;
onTouchEnd: (e: React.TouchEvent) => void;
onTouchMove: (e: React.TouchEvent) => void;
onTouchCancel: (e: React.TouchEvent) => void;
ref: React.RefObject<HTMLDivElement>;
style: {
transform: string;
transition: string;
touchAction: string;
};
};
export default useSwipeToDismiss;