# j-Intro

> j-Intro: NEW: vertraging {Number} een vertragingen voor de volgende knop tussen klikken; NEW: nexticon {String} een gedaan icoon (default: ti-chevron-right)

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

__Configuratie__:

- De voorwaarde van `if {String}` voor de indruk is vergeleken met de waarde binnen `path`
- `next {String}` optioneel, tekst voor de volgende stap knop (default: `Next`)
- `close {String}` optioneel, tekst voor de dichtste stapknop (default: `Done`)
- `page {String}` optioneel, een link naar de methode `function(page) {}` wordt uitgevoerd wanneer de pagina veranderd
- `exec {String}` optioneel, een link naar de methode `function() {}` wordt uitgevoerd wanneer de intro is gesloten
- `check {String}` optioneel, een link naar de methode `function(done) {}` wordt uitgevoerd wanneer het op de laatste knop wordt geklikt
- `remove {Boolean}` optioneel, wanneer `true` dan de component wordt verwijderd na afsluiting (default: `false`)
- `closebutton {Boolean}` toont de dichtste knop in de rechterhoek (default: `false`)
- `width {Number}` een maximale breedte (default: `400`)
- De hoogte van de `height {Number}` (de standaard: `300`)
- __NEW__: `delay {Number}` een vertraging voor de `next`-knop tussen klikken
- __NEW__: `nexticon {String}` een gedaan icoon (default: `ti ti-chevron-right`)
- __NEW__: `doneicon {String}` een gedaan icoon (default: `ti ti-check-circle`)

__Goed om te weten__:
- Elke knop met `name="next"` wordt gebruikt als `next`
- Elke knop met `name="close"` wordt gebruikt als `close`
- Een link met de `next`-klasse wordt gebruikt als een `next`-knop
- Een link met de `close`-klasse wordt gebruikt als een `close`-knop

Gebruik het met `<ui-component name="intro">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```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>
```