# j-Intro

> j-Intro: NOVINKA: oneskorenie {číslo} oneskorenie ďalšieho tlačidla medzi kliknutiami; NOVINKA: nexticon {String} ikona hotová (predvolené: ti ti-chevron-right)

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

__Konfigurácia__:

- `if {String}` podmienka pre zobrazenie úvodu, je porovnaná s hodnotou v rámci `path`
- `next {String}` voliteľné, text pre tlačidlo ďalšieho kroku (predvolené: `Next`)
- `close {String}` voliteľné, text pre tlačidlo zatvorenia kroku (predvolené: `Done`)
- `page {String}` voliteľné, odkaz na metódu `function(page) {}` sa vykoná pri zmene stránky
- `exec {String}` voliteľné, odkaz na metódu `function() {}` vykoná sa pri zatvorení úvodu
- `check {String}` voliteľné, odkaz na metódu `function(done) {}` vykoná sa po kliknutí na posledné tlačidlo
- `remove {Boolean}` voliteľné, pri `true` sa komponent po zatvorení odstráni (predvolené: `false`)
- `closebutton {Boolean}` zobrazuje tlačidlo zatvorenia v pravom hornom rohu (predvolené: `false`)
- `width {Number}` maximálna šírka (predvolené: `400`)
- Výška `height {Number}` (predvolené: `300`)
- __NEW__: `delay {Number}` oneskorenie tlačidla `next` medzi kliknutiami
- __NEW__: `nexticon {String}` ikona dokončenia (predvolené: `ti ti-chevron-right`)
- __NEW__: `doneicon {String}` ikona dokončenia (predvolené: `ti ti-check-circle`)

__Je dobré vedieť__:
- každé tlačidlo so `name="next"` sa použije ako tlačidlo `next`
- každé tlačidlo so `name="close"` sa použije ako tlačidlo `close`
- ako tlačidlo `next` sa použije prepojenie s triedou `next`.
- ako tlačidlo `close` sa použije prepojenie s triedou `close`

Použite ho so `<ui-component name="intro">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov 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>
```