# j-Intro

> j-Intro: NOWOŚĆ: opóźnienie {Number} opóścić następny przycisk między kliknięciami; NOWE: nexticon {String} wykonany ikona (default: ti ti-chevron-right)

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

__Konfiguracja__:

- warunek `if {String}` dla pokazania wstępnego, jest porównywany do wartości wewnątrz `path`
- `next {String}` opcjonalny, tekst dla przycisku następnego kroku (default: `Next`)
- `close {String}` opcjonalny, tekst dla przycisku bliskiego kroku (default: `Done`)
- `page {String}` opcjonalny, link do metody `function(page) {}` jest wykonywany po zmianie strony
- `exec {String}` opcjonalny, link do metody `function() {}` jest wykonywany po zamknięciu wejścia
- `check {String}` opcjonalny, link do metody `function(done) {}` jest wykonywany, gdy kliknięte jest ostatnie przycisk
- `remove {Boolean}` jest opcjonalny, gdy `true` zostanie usunięty po zamknięciu (default: `false`)
- `closebutton {Boolean}` wyświetla przycisk w prawym górnym rogu (default: `false`)
- `width {Number}` maksymalna szerokość (default: `400`)
- Wysokość `height {Number}` (default: `300`)
- __NEW__: `delay {Number}` opóźnienie dla przycisku `next` między kliknięciami
- __NEW__: `nexticon {String}` i ikonę (default: `ti ti-chevron-right`)
- __NEW__: `doneicon {String}` i ikonę (default: `ti ti-check-circle`)

__Dobrze wiedzieć__:
- Każdy przycisk z `name="next"` będzie używany jako przyciska `next`
- Każdy przycisk z `name="close"` będzie używany jako przyciska `close`
- Połączenie z klasą `next` będzie używane jako przycisk `next`
- Połączenie z klasą `close` będzie używane jako przycisk `close`

Użyj go z `<ui-component name="intro">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>
```