Navigazione v1.0.0

Indicatore di avanzamento

Indicatore di avanzamento multi-step per procedure guidate, checkout e onboarding. Supporta navigazione clic tra i passaggi completati, modalità lineare (solo avanti/indietro) e modalità libera (salta a qualsiasi passaggio). Gli stili visivi includono cerchi numerati, punti minimali e layout timeline verticale.

Numerato

Cerchi numerati orizzontali collegati da linee. I passaggi completati mostrano segni di spunta.

Opzioni

Nome Tipo Predefinito Descrizione
steps * Array obbligatorio 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)

Punto

Punti orizzontali minimali con etichette sotto. Compatto per flussi brevi.

Opzioni

Nome Tipo Predefinito Descrizione
steps * Array obbligatorio Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Verticale

Impilato verticalmente con linee di connessione, titoli e descrizioni. Stile timeline.

Opzioni

Nome Tipo Predefinito Descrizione
steps * Array obbligatorio Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Registro delle modifiche v1.0.0

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

Ottieni l'Accesso Completo

Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.

Ottieni l'Accesso Ora