react-long-press-hook
Version:
Unlock the power of long-press interactions with react-press-and-hold! 🚀 This lightweight and highly customizable React hook lets you easily detect and handle long-press events in your applications. Whether you’re looking to enhance your UI with context
18 lines (17 loc) • 798 B
TypeScript
interface LongPressOptions {
onStart?: (event: MouseEvent | TouchEvent) => void;
onFinish?: (event: MouseEvent | TouchEvent) => void;
threshold?: number;
preventDefault?: boolean;
cancelOnMove?: boolean;
stopPropagation?: boolean;
}
declare const useLongPress: (callback: (event: MouseEvent | TouchEvent) => void, { onStart, onFinish, threshold, preventDefault, cancelOnMove, stopPropagation, }?: LongPressOptions) => {
onMouseDown: (event: MouseEvent | TouchEvent) => void;
onTouchStart: (event: MouseEvent | TouchEvent) => void;
onMouseUp: (event: MouseEvent) => void;
onTouchEnd: (event: TouchEvent) => void;
onTouchMove: (event: MouseEvent | TouchEvent) => void;
onMouseMove: (event: MouseEvent | TouchEvent) => void;
};
export { useLongPress };