Web Component: j-DragDropElement


  • Info
  • HTML
  • JS
  • CSS
  • Meta

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

<ui-component name="dragdropelement" config="exec:console.log;"></ui-component>

Author