New to KendoReact? Start a free 30-day trial

DragAndDrop

Component

The DragAndDrop component is required for the droppable functionality to work properly.

It is used internally to synchronize the drag and drop functionalities. Accepts properties of type DragAndDropProps.

Definition

Package:@progress/kendo-react-common

Properties Interface:DragAndDropProps

Properties

children?

ReactNode

Represents the children of the DragAndDrop component. The children prop can be any valid React Element.

context?

Context​<{ drag?: null | RefObject​<null | DragTarget>; dragRef?: RefObject​<null | RefObject​<null | DragTarget>>; setDrag?: (value: null | RefObject​<DragTarget>) => void; drop?: null | RefObject​<null | DropTarget>; dropRef?: RefObject​<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 }>

Allows passing a custom context to the DragAndDrop component. Useful when there are multiple drag-and-drop functionalities in a single component.

In this article
DefinitionPropertieschildren?context?displayName
Not finding the help you need?
Contact Support