Onboarding

Komponenta Onboarding provádí uživatele novými vlastnostmi nebo patterny aplikací krok za krokem.

Overlay - překrývá viewport
Subtracted - oblast která zvýrazňuje element na který se má uživatel zaměřit
Popover - obsahuje popis kroku zvýrazněného elementu, který je možné umístit nad nebo pod Subtracted

Ukázka

Komponentu není možné umístit na levé ani pravé straně označené zóny!

Komponenta se použije pokud stránka v aplikaci obsahuje nový prvkek, se kterým je třeba uživatele seznámit.
Uživatel může projít sérií popover obrazovek, které ho provedou nejdůležitějšími funkcemi nové aplikace nebo změny. Je vhodné dodržovat maximálně 5 obrazovek po sobě na jedné obrazovce. Ideálně 3.
Popover obsahuje checkbox „Příště již nezobrazovat". Pokud jej uživatel zaškrtne, preference se uloží do localStorage prohlížeče a onboarding se při dalším načtení stránky nespustí.

Aby bylo možné instanci použít k označení konkrétní části návrhu ve Figmě, je třeba detachnout overlay, aby bylo možné měnit rozměr a pozici subtracted, a měnit pozici Popover.
Uvnitř Popover je možné vypnout title, nebo měnit textaci.
Nastavení Buttons a Progressbar není nestované v komponentě.