# j-DragDropElement

> Lors d'un glisser-déposer, l'événement affiche le mode modal à l'intérieur de l'élément donné avec le texte Déposez et déposez les fichiers ici. En éloignant les fichiers glissés de l'élément ou en déposant les fichiers glissés, le modal se cachera. Également sur la fonction d'exécution de l'événement drop

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

Sur l'événement `drag`, l'événement affiche le modal à l'intérieur de l'élément donné avec le texte `Drop & drop files here`. En éloignant les fichiers glissés de l'élément ou en déposant les fichiers glissés, le modal se cachera. Également sur l'événement `drop`, la fonction `exec` est exécutée.

__Configuration__

- `exec {String}` le composant exécute cette méthode si les fichiers sont supprimés - `function(files, e, component)`
- Texte `text {String}` à afficher (`empty` par défaut)

__Exemple__

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

__Auteur__

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

Utilisez-le avec `<ui-component name="dragdropelement">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Michal Capo. Source : le référentiel de composants Componentator, licence MIT.

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