# j-Button

> Un componente de botón simple con excelentes características.

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

Un componente de botón simple con excelentes características.

- totalmente receptivo
- admite validación

__Configuración__:

- `exec {String}` __requirió__ una ruta al método `function(el, path)`
- `icon {String}` Iconos JS totales (predeterminado: `undefined`)
- `color {String}` Un color de icono (predeterminado: `undefined`)
- `validation {Boolean}` Habilita la validación de todos los componentes en la ruta (predeterminado: `true`)
- `delay` {Número} un tiempo de espera para la validación (predeterminado: `100`)
- `name {String}` un nombre para el atributo `name` (predeterminado: `submit`)
- `size {String}` una talla:
	- `small`
	- `normal` (predeterminado)
	- `large`
	- `big`
- `ddos {String}` Una prevención DDOS simple para clics múltiples, valores posibles:
	- `undefined` desactiva la prevención
	- `10 seconds`
	- `session`
	- `1 day`
	-etc.
- `if` {String} puede contener una condición JS para evaluación (opcional)
	- `value` {Objeto} contiene el modelo completo
	- `path` {String} contiene la ruta modificada
	- __debe devolver booleano__
- `track` {String} puede contener rutas divididas por comas que evalúan la validación (los ejecutores de las rutas no son componentes, pero estos métodos `SET()`, `UPD()`, `INC()`, etc.)
- `validonly` {Booleano} omite el estado `dirty` (predeterminado: `false`)

Úselo con `<ui-component name="button">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>
```