clicknhold
Version:
React hook for handling click and hold events
25 lines (24 loc) • 844 B
TypeScript
interface ClicknHoldOptions {
duration?: number;
onComplete?: () => void;
onStart?: () => void;
onCancel?: () => void;
onProgress?: (progress: number) => void;
disabled?: boolean;
}
type EventHandlers = {
onMouseDown: (event: React.MouseEvent) => void;
onMouseUp: () => void;
onMouseLeave: () => void;
onTouchStart: (event: React.TouchEvent) => void;
onTouchEnd: () => void;
onKeyDown: (event: React.KeyboardEvent) => void;
onKeyUp: (event: React.KeyboardEvent) => void;
};
export declare function useClicknHold({ duration, onComplete, onStart, onCancel, onProgress, disabled }?: ClicknHoldOptions): {
isHolding: boolean;
handlers: EventHandlers;
startHolding: (event: React.MouseEvent | React.TouchEvent | React.KeyboardEvent) => void;
stopHolding: () => void;
};
export {};