# j-Intro

> j-Intro: NEW: zpoždění {Číslo} zpožďování pro další tlačítko mezi kliknutím; NEW: nexticon {String} udělená ikona (předvolené: ti ti-chevron-right)

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

__Konfigurace__:

- Požadavek `if {String}` pro zobrazení intro, je v porovnání s hodnotou v rámci `path`
- `next {String}` volitelné, text pro další krok tlačítko (předvolené: `Next`)
- `close {String}` volitelně, text pro tlačítko blízko (podmínkou: `Done`)
- `page {String}` volitelné, odkaz na metodu `function(page) {}` se provádí při změně stránky
- `exec {String}` volitelné, odkaz na metodu `function() {}` se provádí, když je vstup uzavřen
- `check {String}` volitelné, odkaz na metodu `function(done) {}` se provádí při kliknutí na poslední tlačítko
- `remove {Boolean}` volitelné, když je `true` pak bude složka odstraněna po uzavření (předběžně: `false`)
- `closebutton {Boolean}` zobrazuje tlačítko v pravém horním rohu (předvolené: `false`)
- Maximální šířka `width {Number}` (předvolená šířkou: `400`)
- Výška `height {Number}` (předvolená výška: `300`)
- __NEW__: `delay {Number}` zpoždění pro tlačítko `next` mezi kliknutím
- __NEW__: `nexticon {String}` a done ikona (přesněji řečeno: `ti ti-chevron-right`)
- __NEW__: `doneicon {String}` a done ikona (přesněji řečeno: `ti ti-check-circle`)

__Dobré vědět__:
- Každé tlačítko s `name="next"` bude použito jako tlačítka `next`
- Každé tlačítko s `name="close"` bude použito jako tlačítka `close`
- Připojení s třídou `next` bude použito jako tlačítko `next`
- Připojení s třídou `close` bude použito jako tlačítko `close`

Použijte ji s `<ui-component name="intro">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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