# j-Button

> En enkel knappkomponent med bra funktioner.

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

En enkel knappkomponent med bra funktioner.

- Full responsivt
- Stöd för validering

__Konfigurera__:

- `exec {String}` __behovet__ en väg till metoden `function(el, path)`
- `icon {String}` Total JS-ikoner (default: `undefined`)
- `color {String}` En ikon färg (default: `undefined`)
- `validation {Boolean}` Tillåter validering för alla komponenter på vägen (default: `true`)
- `delay` {Numret} en timout för validering (default: `100`)
- `name {String}` ett namn för attributet `name` (default: `submit`)
- `size {String}` i storlek:
	- `small`
	- `normal` (default) och
	- `large`
	- `big`
- `ddos {String}` En enkel DDOS-prevetion för flera klick, möjliga värden:
	- `undefined` förebyggande
	- `10 seconds`
	- `session`
	- `1 day`
	- etc .
- `if` {String} kan innehålla JS-förhållande för utvärdering (alternativ)
	- `value` {Object} innehåller hela modellen
	- `path` {String} innehåller ändrad väg
	- __Måste återvända boolean__
- `track` {String} kan innehålla vägar som delas av comma som utvärderar valideringen (exekutörer för vägar är inte komponenter, men dessa metoder `SET()`, `UPD()`, `INC()`, etc.)
- `validonly` {Boolean} skips `dirty` status (default: `false`)

Använd den med `<ui-component name="button">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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