Open-code aq-ui React hook for Use Long Press.
aq-uipnpm dlx aq-ui@alpha add use-long-pressImport the parts you need, then jump to an export for its contract.
"use client"
import { useLongPress } from "@/hooks/use-long-press"Type contract for LongPressBind.
interface LongPressBind<T extends HTMLElement>| Name | Type |
|---|---|
onPointerDown | React.PointerEventHandler<T> |
onPointerMove | React.PointerEventHandler<T> |
onPointerUp | React.PointerEventHandler<T> |
onPointerCancel | React.PointerEventHandler<T> |
onPointerLeave | React.PointerEventHandler<T> |
Open-code aq-ui React hook for Use Long Press.
function useLongPress<T extends HTMLElement>(callback: (event: React.PointerEvent<T>) => void, { delay = 500, movementTolerance = 10, disabled = false, preventDefault = true, onStart, onCancel, onFinish, }: UseLongPressOptions = {}): LongPressBind<T>LongPressBind<T>| Name | Type | Default |
|---|---|---|
callback | (event: React.PointerEvent<T>) => void | — |
options? | UseLongPressOptions | {} |
Type contract for UseLongPressOptions.
interface UseLongPressOptions| Name | Type | Default |
|---|---|---|
delay? | number | 500 |
movementTolerance? | number | 10 |
disabled? | boolean | false |
preventDefault? | boolean | true |
onStart? | () => void | — |
onCancel? | () => void | — |
onFinish? | () => void | — |
use-stable-callback