# j-Intro

> j-Intro : NOUVEAU : délai {Nombre} un délai pour le bouton suivant entre les clics ; NOUVEAU : nexticon {String} une icône terminée (par défaut : ti ti-chevron-right)

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

__Configuration__ :

- Condition `if {String}` pour l'affichage de l'intro, elle est comparée à la valeur contenue dans `path`
- `next {String}` en option, texte pour le bouton de l'étape suivante (par défaut : `Next`)
- `close {String}` en option, texte pour le bouton de fermeture (par défaut : `Done`)
- `page {String}` facultatif, un lien vers la méthode `function(page) {}` qui est exécutée lors du changement de page
- `exec {String}` facultatif, un lien vers la méthode `function() {}` elle est exécutée à la fermeture de l'intro
- `check {String}` facultatif, un lien vers la méthode `function(done) {}` qui est exécutée lorsqu'on clique sur le dernier bouton
- `remove {Boolean}` facultatif, lorsque `true` alors le composant sera supprimé après la fermeture (par défaut : `false`)
- `closebutton {Boolean}` affiche le bouton de fermeture dans le coin supérieur droit (par défaut : `false`)
- `width {Number}` une largeur maximale (par défaut : `400`)
- Hauteur `height {Number}` (par défaut : `300`)
- __NOUVEAU__ : `delay {Number}` un délai pour le bouton `next` entre les clics
- __NOUVEAU__ : `nexticon {String}` une icône terminée (par défaut : `ti ti-chevron-right`)
- __NOUVEAU__ : `doneicon {String}` une icône terminé (par défaut : `ti ti-check-circle`)

__Bon à savoir__ :
- chaque bouton avec `name="next"` sera utilisé comme bouton `next`
- chaque bouton avec `name="close"` sera utilisé comme bouton `close`
- un lien fourni avec la classe `next` sera utilisé comme bouton `next`
- un lien fourni avec la classe `close` sera utilisé comme bouton `close`

Utilisez-le avec `<ui-component name="intro">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>
```