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.
| Name | Type | Default | Description |
|---|---|---|---|
options (hub-stepper) | StepperOptions | {} | Stepper configuration object: `layout` (`vertical` | `sidebar`) and `rtl` (boolean). |
backLabel (hub-stepper) | string | null | null | Overrides the "Back" control label. Falls back to the built-in i18n label when null. |
continueLabel (hub-stepper) | string | null | null | Overrides the "Continue" control label. |
submitLabel (hub-stepper) | string | null | null | Overrides the final-step "Submit" control label. |
title (hub-step) | string | — | The step title shown in the stepper navigation. |
disabled (hub-step) | boolean | false | Disables navigation to this step. |
Outputs
React to what stepper does — 3 events to hook your logic onto.
| Name | Type | Description |
|---|---|---|
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.