Camel2.0 — Dokumentacja komponentów UI

2.23 #Components.Onboarding Onboarding

Toggle example guides Toggle HTML markup

Wieloekranowy modal onboardingowy (fullscreen mobile / panel desktop). Background crossfade, gradient overlay, close button, kroki z opisami, kartami info, SVG animated text, progress bar, CTA. JS: Onboarding.show(). Stany: .is-active, .is-dismissing. Scroll lock: .onboarding-open.

Example

Komponent interaktywny (wieloekranowy wizard). Triggered via JS: Onboarding.show().

Markup: onboarding.html
<!-- Onboarding: Informacja -->
<p style="color:#666;font-size:14px;">
  Komponent interaktywny (wieloekranowy wizard). 
  Triggered via JS: <code>Onboarding.show()</code>.
</p>
Source: src/scss/components/_onboarding.scss, line 1