# j-Button

> Jednoduchý tlačidlový komponent so skvelými funkciami.

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

Jednoduchý tlačidlový komponent so skvelými funkciami.

- plne reagujúci
- podporuje validáciu

__Konfigurácia__:

- `exec {String}` __vyžaduje__ cestu k metóde `function(el, path)`
- `icon {String}` Celkový počet ikon JS (predvolené: `undefined`)
- `color {String}` Farba ikony (predvolená: `undefined`)
- `validation {Boolean}` Povolí overenie pre všetky komponenty na ceste (predvolené: `true`)
- `delay` {číslo} časový limit na overenie (predvolené: `100`)
- `name {String}` názov pre atribút `name` (predvolené: `submit`)
- `size {String}` veľkosť:
	- `small`
	- `normal` (predvolené)
	- `large`
	- `big`
- `ddos {String}` Jednoduchá prevencia DDOS pre viac kliknutí, možné hodnoty:
	- `undefined` vypína prevenciu
	- `10 seconds`
	- `session`
	- `1 day`
	- atď.
- `if` {String} môže obsahovať podmienku JS na vyhodnotenie (voliteľné)
	- `value` {Objekt} obsahuje celý model
	- `path` {String} obsahuje zmenenú cestu
	- __musí vrátiť boolean__
- `track` {String} môže obsahovať cesty delené čiarkou, ktoré vyhodnocujú validáciu (spúšťače ciest nie sú komponenty, ale tieto metódy `SET()`, `UPD()`, `INC()` atď.)
- `validonly` {Boolean} preskočí stav `dirty` (predvolené: `false`)

Použite ho so `<ui-component name="button">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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