useDraggable | /deps/@dnd-kit/core.ts | netzo@0.5.109

x/netzo/deps/@dnd-kit/core.ts>useDraggable

Full-stack Deno framework for building business web apps like internal tools, dashboards, admin panels and automated workflows.

netzo/netzo

Go to Latest

DropAnimationFunctionArguments

DroppableContainer

DroppableMeasuring

KeyboardSensorOptions

MeasuringConfiguration

ScreenReaderInstructions

Sensor

SensorProps

TouchSensorOptions

UseDraggableArguments

UseDroppableArguments

DraggableSyntheticListeners

DropAnimation

DropAnimationFunction

DropAnimationKeyframeResolver

DropAnimationSideEffects

DroppableContainers

KeyboardCodes

KeyboardCoordinateGetter

KeyboardSensorProps

Modifier

Modifiers

PointerActivationConstraint

UseDndContextReturnValue

defaultDropAnimationSideEffects

defaultScreenReaderInstructions

getScrollableAncestors

defaultAnimateLayoutChanges

defaultNewIndexGetter

horizontalListSortingStrategy

rectSortingStrategy

rectSwappingStrategy

sortableKeyboardCoordinates

verticalListSortingStrategy

add

CSS

useIsomorphicLayoutEffect

findFirstFocusableNode

getEventCoordinates

getOwnerDocument

getWindow

hasViewportRelativeCoordinates

function useDraggable

import { useDraggable } from "https://deno.land/x/netzo@0.5.109/deps/@dnd-kit/core.ts";

useDraggable(unnamed 0: UseDraggableArguments): { active: import("../store/index.d.ts").Active | null; activatorEvent: Event | null; activeNodeRect: import("../types/index.d.ts").ClientRect | null; attributes: DraggableAttributes; isDragging: boolean; listeners: SyntheticListenerMap | undefined; node: import("https://esm.sh/v128/@types/react@18.2.38/X-ZS9yZWFjdCxyZWFjdC1kb20scmVhY3QvanN4LXJ1bnRpbWU/index.d.ts").MutableRefObject<HTMLElement | null>; over: import("../store/index.d.ts").Over | null; setNodeRef: (element: HTMLElement | null) => void; setActivatorNodeRef: (element: HTMLElement | null) => void; transform: Transform | null; }

Parameters

unnamed 0: UseDraggableArguments

Returns

{ active: import("../store/index.d.ts").Active | null; activatorEvent: Event | null; activeNodeRect: import("../types/index.d.ts").ClientRect | null; attributes: DraggableAttributes; isDragging: boolean; listeners: SyntheticListenerMap | undefined; node: import("https://esm.sh/v128/@types/react@18.2.38/X-ZS9yZWFjdCxyZWFjdC1kb20scmVhY3QvanN4LXJ1bnRpbWU/index.d.ts").MutableRefObject<HTMLElement | null>; over: import("../store/index.d.ts").Over | null; setNodeRef: (element: HTMLElement | null) => void; setActivatorNodeRef: (element: HTMLElement | null) => void; transform: Transform | null; }