Web Component: j-DragDropElement


  • Info
  • HTML
  • JS
  • CSS
  • Meta

j-DragDropElement

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 - function(files, e, component)
  • text {String} text to display (default empty)

Example

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

Author