Componente Stepper para Angular | ng-hub-ui-stepper

Componente stepper para Angular con validación, orientaciones, controles personalizados, i18n y theming mediante variables CSS.

Referencia API

Aquí tienes el contrato completo de stepper: todo lo que puedes enlazar, escuchar, proyectar y personalizar, reunido en un solo sitio. Enlaza lo que necesites y dale el estilo que quieras — es standalone y reactivo con signals.

Inputs

Ajusta stepper a tu gusto con 6 inputs. Se enlazan como cualquier @Input de Angular.

NombreTipoPor defectoDescripción
options (hub-stepper)StepperOptions{}Objeto de configuración del stepper: `layout` (`vertical` | `sidebar`) y `rtl` (boolean).
backLabel (hub-stepper)string | nullnullSobrescribe la etiqueta del control "Back". Recurre a la etiqueta i18n integrada cuando es null.
continueLabel (hub-stepper)string | nullnullSobrescribe la etiqueta del control "Continue".
submitLabel (hub-stepper)string | nullnullSobrescribe la etiqueta del control "Submit" del paso final.
title (hub-step)stringEl título del paso que se muestra en la navegación del stepper.
disabled (hub-step)booleanfalseDeshabilita la navegación a este paso.

Outputs

Reacciona a lo que hace stepper: 3 eventos a los que enganchar tu lógica.

NombreTipoDescripción
completed (hub-stepper)EventEmitter<void>Se emite cuando el usuario envía el paso final.
nextStep (hub-stepper)EventEmitter<number>Se emite al avanzar a un paso, con el nuevo índice de paso.
previousStep (hub-stepper)EventEmitter<number>Se emite al retroceder a un paso, con el nuevo índice de paso.

Templates

Todavía no hay templates documentados.