Navigation v1.0.0

Étapes

Indicateur de progression multi-étapes pour les assistants, les flux de paiement et l'intégration. Prend en charge la navigation par clic entre les étapes complétées, le mode linéaire (avant/arrière uniquement) et le mode libre (accéder à n'importe quelle étape). Les styles visuels incluent des cercles numérotés, des points minimaux et une disposition en timeline verticale.

Numéroté

Cercles numérotés horizontaux reliés par des lignes. Les étapes complétées affichent des coches.

Options

Nom Type Par défaut Description
steps * Array requis 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)

Point

Points horizontaux minimaux avec étiquettes en dessous. Compact pour les flux courts.

Options

Nom Type Par défaut Description
steps * Array requis Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Vertical

Empilé verticalement avec lignes de connexion, titres et descriptions. Style timeline.

Options

Nom Type Par défaut Description
steps * Array requis Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Journal des modifications v1.0.0

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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant