# j-DragDropElement

> Udalosť pri ťahaní zobrazí modálne vnútri daného prvku s textom Drop & drop files here. Pri presunutí pretiahnutých súborov preč od prvku alebo odstránení pretiahnutých súborov sa modal skryje. Tiež na drop event exec functio

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 69a2e5d1fc615ec1178f8a727f454922dd0d39b95ce1b98c0a4e0e63ad1e30e3
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Na `drag` udalosť zobrazuje modálne vnútri daného prvku s textom `Drop & drop files here`. Pri presunutí pretiahnutých súborov preč od prvku alebo odstránení pretiahnutých súborov sa modal skryje. Tiež pri udalosti `drop` sa vykoná funkcia `exec`.

__Konfigurácia__

- `exec {String}` komponent vykoná túto metódu, ak sú súbory zrušené - `function(files, e, component)`
- Text na zobrazenie `text {String}` (predvolené `empty`)

__Príklad__

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

__Autor__

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

Použite ho so `<ui-component name="dragdropelement">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Michal Capo. Zdroj: úložisko komponentov Componentator, licencia MIT.

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