Camel2.0 — Dokumentacja komponentów UI

2.9 #Components.Configurator Configurator

Toggle example guides Toggle HTML markup

Multi-step quiz dopasowania produktu. 3 kroki: Format → Smak → Zdjęcia, loader (spinner), wynik z rekomendacją. JS: src/js/modules/configurator.js. Zawiera progress bar, tile grid (3- i 4-kolumnowy), checkboxy na kafelkach, counter (Wybrano: 0/3), loader ze spinnerem i krok wynikowy z CTA.

Example

Komponent interaktywny z wieloma krokami. Podgląd na żywo: dopasuj-produkt.html

Markup: configurator.html
<!-- Configurator: Informacja -->
<p style="color:#666;font-size:14px;">
  Komponent interaktywny z wieloma krokami. 
  Podgląd na żywo: <a href="/dopasuj-produkt.html" target="_blank">dopasuj-produkt.html</a>
</p>
Source: src/scss/components/_configurator.scss, line 1