# j-Intro

> j-Intro: NEW: ritardi {Numero} un ritardo per il prossimo pulsante tra i clic; NEW: nexticon {String} un'icona fatta (default: ti-chevron-right)

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

__Configurazione__:

- `if {String}` condizione per la visualizzazione dell'intro, è paragonato al valore all'interno di `path`
- `next {String}` opzionale, testo per il pulsante passo successivo (default: `Next`)
- `close {String}` opzionale, testo per il pulsante passo vicino (default: `Done`)
- `page {String}` opzionale, un collegamento al metodo `function(page) {}` viene eseguito quando la pagina è cambiata
- `exec {String}` opzionale, un collegamento al metodo `function() {}` viene eseguito quando l'introduzione è chiusa
- `check {String}` opzionale, un collegamento al metodo `function(done) {}` viene eseguito quando si fa clic sul pulsante ultimo
- `remove {Boolean}` opzionale, quando `true` poi il componente sarà rimosso dopo la chiusura (default: `false`)
- `closebutton {Boolean}` mostra il pulsante vicino all'angolo superiore destro (default: `false`)
- `width {Number}` a larghezza massima (default: `400`)
- Altezza di `height {Number}` (default: `300`)
- __NEW__: `delay {Number}` un ritardo per il pulsante `next` tra i clic
- __NEW__: `nexticon {String}` un'icona fatta (default: `ti ti-chevron-right`)
- __NEW__: `doneicon {String}` un'icona fatta (default: `ti ti-check-circle`)

__Buono sapere__:
- Ogni pulsante con `name="next"` sarà utilizzato come pulsante `next`
- Ogni pulsante con `name="close"` sarà utilizzato come pulsante `close`
- un collegamento con la classe `next` fornisce sarà utilizzato come pulsante `next`
- un collegamento con la classe `close` fornisce sarà utilizzato come pulsante `close`

Utilizzare con `<ui-component name="intro">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```