# j-Enterbox

> Une simple EnterBox. Chaque valeur doit être confirmée via la touche Entrée ou en cliquant sur le bouton.

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

Une simple EnterBox. Chaque valeur doit être confirmée via la touche `enter` ou en cliquant sur le bouton.


__Configuration__ :

- `maxlength {Number}` en option, une longueur maximale de valeur (par défaut : `50`)
- Icône `icon {String}`
- `placeholder {String}` un espace réservé pour le contrôle d'entrée
- `exec {String}` en option, un lien vers une fonction dans le scope de la fenêtre (sinon `data-jc-path` est obligatoire)
- `button {String}` ajoute une étiquette au bouton (par défaut : `empty`)

Utilisez-le avec `<ui-component name="enterbox">`. 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 : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

```html example.html
<div style="padding:50px;max-width:300px">
	<ui-component name="enterbox" config="exec:enterbox_enter;icon:ti ti-search;placeholder:Search and press enter ..."></ui-component>
</div>

<script>
	function enterbox_enter(value) {
		alert(value);
	}
</script>
```