Angular Stepper Component | ng-hub-ui-stepper

Angular stepper component with validation, orientation modes, custom controls, i18n and CSS-variable theming.

API reference

Here's the full contract for stepper: everything you can bind, listen to, project and theme, gathered in one place. Wire up what you need and style what you want — it's standalone and signal-friendly.

Inputs

Dial stepper in with 6 inputs. Bind them like any Angular @Input.

NameTypeDefaultDescription
options (hub-stepper)StepperOptions{}Stepper configuration object: `layout` (`vertical` | `sidebar`) and `rtl` (boolean).
backLabel (hub-stepper)string | nullnullOverrides the "Back" control label. Falls back to the built-in i18n label when null.
continueLabel (hub-stepper)string | nullnullOverrides the "Continue" control label.
submitLabel (hub-stepper)string | nullnullOverrides the final-step "Submit" control label.
title (hub-step)stringThe step title shown in the stepper navigation.
disabled (hub-step)booleanfalseDisables navigation to this step.

Outputs

React to what stepper does — 3 events to hook your logic onto.

NameTypeDescription
completed (hub-stepper)EventEmitter<void>Emitted when the user submits the final step.
nextStep (hub-stepper)EventEmitter<number>Emitted when advancing to a step, with the new step index.
previousStep (hub-stepper)EventEmitter<number>Emitted when going back to a step, with the new step index.

Templates

No templates documented yet.