@hydroperx/drag4react
Advanced tools
Drag-n-drop for React.
import Draggable from "@hydroperx/drag4react";
import { useRef } from "react";
function Content()
{
const div_ref = useRef<HTMLDivElement | null>(null);
return (
<Draggable nodeRef={div_ref}>
<div ref={div_ref}>
Drag me
</div>
</Draggable>
);
}
The library as part of the draggable dependency uses inset/left/top for moving elements.
FAQs
React drag-n-drop
We found that @hydroperx/drag4react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub Actions checkout now blocks risky pull_request_target checkouts by default to help prevent pwn request supply chain attacks.
Product
Socket now supports Custom Roles and Repository Access Permissions so organizations can control who can access specific repositories and actions.
Product
Socket MCP now lets AI assistants review org alerts, investigate threats using the Socket threat feed, and inspect package files in addition to dependency scoring.