Skip to main content
Deno 2 is finally here 🎉️
Learn more
Module

x/netzo/deps/@dnd-kit/sortable.ts>useSortable

Full-stack Deno framework for building business web apps like internal tools, dashboards, admin panels and automated workflows.
Go to Latest
function useSortable
import { useSortable } from "https://deno.land/x/netzo@0.4.87/deps/@dnd-kit/sortable.ts";

Parameters

unnamed 0: Arguments

Returns

{ active: import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").Active | null; activeIndex: number; attributes: import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").DraggableAttributes; data: SortableData & { [x: string]: any; }; rect: import("https://esm.sh/v128/@types/react@18.2.38/X-ZS9yZWFjdCxyZWFjdC1kb20/index.d.ts").MutableRefObject<import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").ClientRect | null>; index: number; newIndex: number; items: import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").UniqueIdentifier[]; isOver: boolean; isSorting: boolean; isDragging: boolean; listeners: import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/hooks/utilities/index.d.ts").SyntheticListenerMap | undefined; node: import("https://esm.sh/v128/@types/react@18.2.38/X-ZS9yZWFjdCxyZWFjdC1kb20/index.d.ts").MutableRefObject<HTMLElement | null>; overIndex: number; over: import("https://esm.sh/v135/@dnd-kit/core@6.1.0/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").Over | null; setNodeRef: (node: HTMLElement | null) => void; setActivatorNodeRef: (element: HTMLElement | null) => void; setDroppableNodeRef: (element: HTMLElement | null) => void; setDraggableNodeRef: (element: HTMLElement | null) => void; transform: import("https://esm.sh/v135/@dnd-kit/utilities@3.2.2/X-ZS9yZWFjdCxyZWFjdC1kb20/dist/index.d.ts").Transform | null; transition: string | undefined; }