Arisman Webs - Diseño Web

Estamos cargando la página
sólo será un monento.

8 Feb 2019

Recursos WebPolymer 3

Webcomponent botón - Polymer 3

Este componente crea un botón que permite interactuar con los formularios de Arisman Webs. Además tiene ciertas funcionalidades que amplían ligeramente las de un botón HTML normal.

Instalación:
npm i aw-button

Uso:
<script type="module" src="/node_modules/aw_button/aw-button.js"></script>
<aw-button></aw-button>


Este componente admite las siguientes propiedades:

- `type [string]`: El tipo de botón que vamos a usar (submit, button).
- `disabled [boolean]`: Pone el botón en modo desactivado.
- `form [string]`: El ID del formulario al que va ligado el botón.
- `toggles [boolean]`: El botón se marca como pulsado cuando se hace click.
- `loading [boolean]`: Pone el botón en modo cargando. 
- `noregister [boolean]`: Impide que el botón se registre en el formulario de Arisman Webs.
- `clickfunc [string]`: Función a la que se hace llamada cuando se hace click.

Ejemplo:
<aw-button type="button" clickfunc="myFunc"></aw-button>
<script>
    function myFunc( el ) {
el.loading = true;
        console.log( el );
    }
</script>