# j-Button

> Een eenvoudige knopcomponent met geweldige functies.

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

Een eenvoudige knopcomponent met geweldige functies.

- Volledig responsief
- Ondersteunt validatie

__Configuratie__:

- `exec {String}` __verplicht__ een weg naar de `function(el, path)` methode
- `icon {String}` Total JS iconen (default: `undefined`)
- `color {String}` Een icon kleur (default: `undefined`)
- `validation {Boolean}` Validatie voor alle componenten op de route (default: `true`)
- `delay` {Nummer} een tijduitgave voor validatie (default: `100`)
- `name {String}` is een naam voor het attribuut `name` (default: `submit`)
- `size {String}` een grootte:
	- `small`
	- `normal` (de standaard)
	- `large`
	- `big`
- `ddos {String}` Een eenvoudige DDOS-prevetie voor meerdere klikken, mogelijke waarden:
	- `undefined` voorkomen
	- `10 seconds`
	- `session`
	- `1 day`
	- enz.
- `if` {String} kan JS voorwaarde bevatten (optional)
	- `value` {Object} bevat het gehele model
	- `path` {String} bevat veranderd pad
	- __Terug naar Boolean__
- `track` {String} kan paden bevatten die worden verdeeld door comma die validatie evalueren (uitvoerers voor paden zijn niet componenten, maar deze methoden `SET()`, `UPD()`, `INC()`, enz.)
- `validonly` {Boolean} schepen `dirty` staat (default: `false`)

Gebruik het met `<ui-component name="button">`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 class="row">
	<div class="col-md-3 col-xs-6">
		<ui-component name="button" config="exec:clickme" class="hidden">Show me</ui-component>
	</div>
</div>

<script>

	function clickme() {
		alert('Clicked!');
	}

</script>
```