useDroppable

Represents the KendoReact useDroppable hook. Use it to attach drop events to a native HTML DOM elements, or custom React Components.

For more information, refer to the KendoReact Droppable article.

Parameters

ref

RefObject<"null" | HTMLElement | { element: "null" | HTMLElement; }>

The `ref` of the HTML Element or React Component which will enable the `droppable` functionality.

callbacks

{ onDragEnter?: (event: NormalizedDragEvent) => void; onDragLeave?: (event: NormalizedDragEvent) => void; onDragOver?: (event: NormalizedDragEvent) => void; onDrop?: (event: NormalizedDragEvent) => void; }

A collection of callbacks, called by the `useDroppable` hook when a specific action occurs.

options

DroppableOptions

The options for the `useDroppable` hook.