# j-Intro

> j-Intro: NUEVO: retrasa {Número} un retraso para el siguiente botón entre clics; NUEVO: nexticon {String} un ícono de hecho (predeterminado: ti ti-chevron-right)

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

__Configuración__:

- `if {String}` condición para mostrar la introducción, se compara con el valor dentro de `path`
- `next {String}` opcional, texto para el botón del siguiente paso (predeterminado: `Next`)
- `close {String}` opcional, texto para el botón de paso de cierre (predeterminado: `Done`)
- `page {String}` opcional, un enlace al método `function(page) {}` se ejecuta cuando se cambia la página
- `exec {String}` opcional, un enlace al método `function() {}` se ejecuta cuando se cierra la introducción.
- `check {String}` opcional, un enlace al método `function(done) {}` se ejecuta cuando se hace clic en el último botón
- `remove {Boolean}` opcional, cuando `true` el componente se eliminará después del cierre (predeterminado: `false`)
- `closebutton {Boolean}` muestra el botón de cerrar en la esquina superior derecha (predeterminado: `false`)
- `width {Number}` un ancho máximo (predeterminado: `400`)
- Altura `height {Number}` (predeterminado: `300`)
- __NUEVO__: `delay {Number}` un retraso para el botón `next` entre clics
- __NUEVO__: `nexticon {String}` un icono de hecho (predeterminado: `ti ti-chevron-right`)
- __NUEVO__: `doneicon {String}` un icono de hecho (predeterminado: `ti ti-check-circle`)

__Es bueno saberlo__:
- cada botón con `name="next"` se utilizará como botón `next`
- cada botón con `name="close"` se utilizará como botón `close`
- un enlace con la clase `next` se utilizará como botón `next`
- un enlace con la clase `close` se utilizará como botón `close`

Úselo con `<ui-component name="intro">`. 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
<ui-component name="intro" path="showme" config="if:myintro" class="hidden">
	<figure>A</figure>
	<figure>B</figure>
	<figure>C</figure>
	<figure>D</figure>
	<figure>E</figure>
</ui-component>

<script>
	SET('showme', 'myintro', 2000);
</script>
```