Navigation v1.0.0

Schrittanzeige

Mehrstufige Fortschrittsanzeige für Assistenten, Bezahlvorgänge und Onboarding. Unterstützt Klicknavigation zwischen abgeschlossenen Schritten, linearen Modus (nur vor/zurück) und freien Modus (zu jedem Schritt springen). Visuelle Stile umfassen nummerierte Kreise, minimale Punkte und vertikales Zeitstrahl-Layout.

Nummeriert

Horizontale nummerierte Kreise, verbunden durch Linien. Abgeschlossene Schritte zeigen Häkchen.

Optionen

Name Typ Standard Beschreibung
steps * Array erforderlich Array of hashes with :title (String) and optional :description (String)
current_step Integer 0 Zero-based index of the current step
mode Symbol :linear Navigation mode: :linear (sequential) or :free (jump to any)

Punkt

Minimale horizontale Punkte mit Beschriftungen darunter. Kompakt für kurze Abläufe.

Optionen

Name Typ Standard Beschreibung
steps * Array erforderlich Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Vertikal

Vertikal gestapelt mit Verbindungslinien, Titeln und Beschreibungen. Zeitstrahl-ähnlich.

Optionen

Name Typ Standard Beschreibung
steps * Array erforderlich Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Änderungsprotokoll v1.0.0

- v1.0.0: Initial release with numbered, dot, and vertical styles

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten