clauderic/dnd-kit

useDraggable

Basic Setup

Drag Handle

Press delay

Press delay or minimum distance

Press Delay With Visual Cue

Minimum Distance

Minimum Distance With Visual Cue

Minimum Distance – X Axis

Minimum Distance – Y Axis

Minimum Distance – X&Y Axis

Minimum Distance X Axis and Tolerance Y Axis

Minimum Distance Y Axis and Tolerance X Axis

Horizontal Axis

Vertical Axis

Restrict To Window Edges

Snap To Grid

Snap Center To Cursor

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in