Example of Drag and Drop in React File Manager Component

/
/
DragAndDrop

This example demonstrates the drag-and-drop feature. To drag and drop a file in the File Manager, select and drag it to the target folder. The File Manager component allows users to drag file and drop it into any folder, whether it is located in the same directory or a different one, using the allowDragAndDrop property.

More Details...

Loading....
Description

In this sample, the allowDragAndDrop property enables users to move files or folders from one folder to another. Additionally, it supports file upload by dragging and dropping files from Windows Explorer and Mac onto the File Manager component.

Note: File Manager's upload functionality is restricted in the online demos for security reasons. If you need to test upload functionality, please install Syncfusion® Essential Studio® on your machine and run the demo.