# j-DragDropElement

> Al arrastrar, el evento muestra el modal dentro del elemento dado con texto. Suelte y suelte archivos aquí. Al mover archivos arrastrados lejos del elemento o al soltar archivos arrastrados, el modal se ocultará. También en la función ejecutiva de eventos de caída

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 769694dee89852867aebee65ccc5b48b1066f00e0687677828856007bdce11f0
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

En el evento `drag` se muestra modal dentro del elemento dado con el texto `Drop & drop files here`. Al mover archivos arrastrados lejos del elemento o al soltar archivos arrastrados, el modal se ocultará. También en `drop` se ejecuta la función `exec`.

__Configuración__

- `exec {String}` el componente ejecuta este método si los archivos se eliminan - `function(files, e, component)`
- Texto `text {String}` para mostrar (predeterminado `empty`)

__Ejemplo__

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

__Autor__

- Michal Capo <capo@dasolutions.sk> y Marek Dorotovič <marek@totaljs.com>
- [Licencia](https://www.totaljs.com/license/)

Úselo con `<ui-component name="dragdropelement">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (la CDN Componentator de forma predeterminada). Autor: Michal Capó. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<ui-component name="dragdropelement" config="exec:console.log;">
	<button>Upload (drag &amp; drop file)</button>
</ui-component>
```