New to KendoReactLearn about KendoReact Free.

DroppableProps

Represents the props of the KendoReact Droppable component.

NameTypeDefaultDescription

childRef?

React.Ref<"null" | HTMLElement | {[key: string]: any}>

Callback to get the child element ref. Useful as the Droppable overrides ref of the child element.

context?

React.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; }>

The context to use for the droppable.

onDragEnter?

(event: DroppableDragEnterEvent) => void

Fires when the user enters the element during drag.

onDragLeave?

(event: DroppableDragLeaveEvent) => void

Fires when the user leaves the element during drag.

onDragOver?

(event: DroppableDragOverEvent) => void

Fires when the user is dragging an element over the Droppable component.

onDrop?

(event: DroppableDropEvent) => void

Fires when the user drops a draggable element inside the Droppable component.

Not finding the help you need?
Contact Support