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.
| Nombre | Tipo | Por defecto | Descripción |
|---|---|---|---|
options (hub-stepper) | StepperOptions | {} | Objeto de configuración del stepper: `layout` (`vertical` | `sidebar`) y `rtl` (boolean). |
backLabel (hub-stepper) | string | null | null | Sobrescribe la etiqueta del control "Back". Recurre a la etiqueta i18n integrada cuando es null. |
continueLabel (hub-stepper) | string | null | null | Sobrescribe la etiqueta del control "Continue". |
submitLabel (hub-stepper) | string | null | null | Sobrescribe la etiqueta del control "Submit" del paso final. |
title (hub-step) | string | — | El título del paso que se muestra en la navegación del stepper. |
disabled (hub-step) | boolean | false | Deshabilita la navegación a este paso. |
Outputs
Reacciona a lo que hace stepper: 3 eventos a los que enganchar tu lógica.
| Nombre | Tipo | Descripció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.