Navegación v1.0.0

Stepper

Indicador de progreso multi-paso para asistentes, flujos de pago e incorporación. Soporta clic para navegar entre pasos completados, modo lineal (solo adelante/atrás) y modo libre (saltar a cualquier paso). Los estilos visuales incluyen círculos numerados, puntos minimalistas y diseño de línea de tiempo vertical.

Numerado

Círculos numerados horizontales conectados por líneas. Los pasos completados muestran marcas de verificación.

Opciones

Nombre Tipo Predeterminado Descripción
steps * Array requerido 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

Puntos horizontales minimalistas con etiquetas debajo. Compacto para flujos cortos.

Opciones

Nombre Tipo Predeterminado Descripción
steps * Array requerido Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Vertical

Apilados verticalmente con líneas conectoras, títulos y descripciones. Estilo línea de tiempo.

Opciones

Nombre Tipo Predeterminado Descripción
steps * Array requerido Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Registro de Cambios v1.0.0

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

Obtener Acceso Completo

Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.

Obtener Acceso