DragDropElement

On drag event displays modal inside given element with text Drop & drop files here.

Live preview

Open in new tab ↗

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

More UI components

Browse all 348