Web UI component: j-DragDropElement

  • Info
  • HTML
  • JS
  • CSS
  • Meta


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.


  • 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)


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