Web component: j-DragDropElement

j-DragDropElements

On drag event displays modal inside given element with text Drop & drop files here. On moving dragged files away from element or dropping dragged files modal will hide. Also on drop event exec function is executed.

Configuration

• exec {String} - the component executes this method if the files are dropped
• class {String} - toggles class if the drag over is emitted (default: ui-dragdropelement)
• text {String} - text to display in the middle of element (default: Drag & drop files here)

Example

<div data-jc="dragdropelement__null__exec:console.log;"></div>

Author

• Michal Capo capo@dasolutions.sk
• License: MIT