# j-Button

> Eine einfache Schaltflächenkomponente mit tollen Funktionen.

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

Eine einfache Schaltflächenkomponente mit tollen Funktionen.

- voll reaktionsfähig
- Unterstützt die Validierung

__Konfiguration__:

- `exec {String}` __bedarf__ einen Weg zur Methode `function(el, path)`
- `icon {String}` Total JS-Ikonen (Default: `undefined`)
- `color {String}` Eine Ikonfarbe (Default: `undefined`)
- `validation {Boolean}` Erlaubt Validierung für alle Komponenten auf dem Weg (Default: `true`)
- `delay` {Number} eine Validierungszeit (Default: `100`)
- `name {String}` ist ein Name für das Attribute `name` (Default: `submit`)
- `size {String}` eine Größe:
	- `small`
	- `normal` (default)
	- `large`
	- `big`
- `ddos {String}` Eine einfache DDOS-Prävetion für mehrere Klicks, mögliche Werte:
	- `undefined` Verhinderung
	- `10 seconds`
	- `session`
	- `1 day`
	- etc.
- `if` {String} kann JS-Bedingung für die Bewertung enthalten (optional)
	- `value` {Object} enthält das gesamte Modell
	- `path` {String} enthält veränderte Path
	- __Zurück zu Boolean__
- `track` {String} kann Wege enthalten, die durch Comma geteilt werden, die die Validierung bewerten (Exekutoren für Wege sind nicht Komponenten, aber diese Methoden `SET()`, `UPD()`, `INC()`, usw.)
- `validonly` {Boolean} Schiffe `dirty` Status (Default: `false`)

Verwenden Sie es mit `<ui-component name="button">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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