# j-DragDropElement

> Op het drag event verschijnt modal binnen een gegeven element met tekst Drop & drop bestanden hier. op het bewegen van draagde bestanden weg van het element of dropping draagden bestanden modal zal verbergen.

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

Op `drag` Event display modale binnen gegeven element met tekst `Drop & drop files here`Op het verplaatsen van gedragte bestanden weg van het element of het drogen van gedraakte bestanden modal zal verbergen. `drop` Evenement `exec` De functie wordt uitgevoerd.

__Configuratie__

- `exec {String}` de component uitvoert deze methode als de bestanden worden verwijderd - `function(files, e, component)`
- `text {String}` voor het weergeven (default `empty`)

__Voorbeeld__

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

__Schrijver__

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

Gebruik het met `<ui-component name="dragdropelement">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator CDN door standaard). auteur: Michal Capo. bron: de Componentator Componenten repository, MIT licentie.

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