react-utils/gestures-scroll-and-sticky-interactions

To implement drag-to-scroll containers in React, use the `useDragScroll` hook to turn any container into a scrollable area driven by pointer interactions. It requires installing the `@noaignite/react-utils` package.

Create sticky UI elements in React using the `useSticky` hook to apply sticky states to components. You can also track viewport-relative scroll progress with `useScrollProgress` for responsive interfaces.

Add long-press behavior to React components using the `usePressHold` hook. It provides custom pointer-driven interactions for elements requiring a sustained press before triggering an action.

Yes, this React pointer interactions solution requires the `@noaignite/react-utils` package. You must install it to enable TypeScript-based hooks for drag-scroll, long-press, and sticky UI elements.

Track viewport-relative scroll progress in a React application using the `useScrollProgress` hook. It monitors scroll position to drive interactive UI updates and is part of the `@noaignite/react-utils` toolkit.

Use custom hooks for pointer events to simplify complex interactions like drag-scroll and long-press without verbose native handlers. The `useGesture` hook encapsulates this logic for cleaner React components.