DraggableOptions

Represents the configuration object type of the Draggable component and useDraggable hook.

Name	Type	Default	Description
autoScroll?	boolean | AutoScrollOptions		Set the autoScroll property to false to disable automatic container scroll when close to the edge. For more information, refer to the Auto Scroll article. Defaults to true.
context?	Context<{ deregisterDrag?: (item: RefObject<"null" | DragTarget>) => void; deregisterDrop?: (item: RefObject<"null" | DragTarget>) => void; drag?: "null" | RefObject<"null" | DragTarget>; drags?: RefObject<"null" | DragTarget>[]; drop?: "null" | RefObject<"null" | DropTarget>; drops?: RefObject<"null" | DropTarget>[]; registerDrag?: (item: RefObject<"null" | DragTarget>) => void; registerDrop?: (item: RefObject<"null" | DragTarget>) => void; setDrag?: (value: "null" | RefObject<DragTarget>) => void; setDrop?: (value: "null" | RefObject<DropTarget>) => void; }>		Allows passing custom context. Use it to isolate drag and drop events in scenarios with multiple drag and drop functionalities on a single component.
hint?	"null" | RefObject<"null" | HTMLElement | { element: "null" | HTMLElement; }>		Set the hint to override the element used for collision detection. For more information, refer to the Drag Hint article.
mouseOnly?	boolean		Set the mouseOnly property to true to stop the draggable from attaching touch event handlers. Defaults to false.