react-bounded-draggable-modal
Version:
A draggable modal component with boundary support for React and Next.js
26 lines (25 loc) • 1.1 kB
TypeScript
export declare const useBoundedDrag: (options?: {
direction?: "x" | "y" | "";
threshold?: number;
range?: {
x?: {
max?: number | "infinity";
min?: number | "infinity";
};
y?: {
max?: number | "infinity";
min?: number | "infinity";
};
};
reverseBounds?: boolean;
onDrag?: (e: React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
onDragEnd?: (e: React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
onDragStart?: (e: React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
}) => {
onTouchStart: (e: React.TouchEvent<HTMLDivElement>) => void;
onTouchMove: (e: React.TouchEvent<HTMLElement>) => void;
onTouchEnd: (e: React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
onPointerMove: (e: React.PointerEvent<HTMLElement>) => void;
onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
onPointerUp: (e: React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
};