New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact Droppable component.

Definition

Package:@progress/kendo-react-common

Properties

childRef?

Ref​<null | HTMLElement | { [key: string]: any }>

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

context?

Context​<{ drag?: null | RefObject​<null | DragTarget>; setDrag?: (value: null | RefObject​<DragTarget>) => void; drop?: null | RefObject​<null | DropTarget>; setDrop?: (value: null | RefObject​<DropTarget>) => void; drags?: RefObject​<null | DragTarget>[]; registerDrag?: (item: RefObject​<null | DragTarget>) => void; deregisterDrag?: (item: RefObject​<null | DragTarget>) => void; drops?: RefObject​<null | DropTarget>[]; registerDrop?: (item: RefObject​<null | DragTarget>) => void; deregisterDrop?: (item: RefObject​<null | DragTarget>) => void }>

The context to use for the droppable.

Fires when the user enters the element during drag.

Parameters:eventDroppableDragEnterEvent

Fires when the user leaves the element during drag.

Parameters:eventDroppableDragLeaveEvent

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

Parameters:eventDroppableDragOverEvent

onDrop?

(event: DroppableDropEvent) => void

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

Parameters:eventDroppableDropEvent