# j-Enterbox

> Een eenvoudige EnterBox. Elke waarde moet worden bevestigd via de invoeringsknop of door op de knop te klikken.

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

Een eenvoudige EnterBox. elke waarde moet worden bevestigd via de `enter`-toets of door op de knop te klikken.


__Configuratie__:

- `maxlength {Number}` optioneel, een maximale waarde lengte (default: `50`)
- `icon {String}` Icon
- `placeholder {String}` een plaatshouder voor de ingangscontrole
- `exec {String}` optioneel, een link naar een functie in het raam (anders is `data-jc-path` vereist)
- `button {String}` voegt een label toe aan de knop (default: `empty`)

Gebruik het met `<ui-component name="enterbox">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```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>
```