Angular Stepper-Komponente | ng-hub-ui-stepper
Angular Stepper-Komponente mit Validierung, Ausrichtungsmodi, individuellen Steuerelementen, i18n und Theming über CSS-Variablen.
API-Referenz
Hier ist der vollständige Vertrag für stepper: alles, was du binden, abhören, projizieren und gestalten kannst, an einem Ort gesammelt. Verdrahte, was du brauchst, und gestalte, was du willst — es ist standalone und Signals-freundlich.
Inputs
Stelle stepper mit 7 Inputs ein. Binde sie wie jeden Angular-@Input.
| Name | Typ | Standard | Beschreibung |
|---|---|---|---|
options (hub-stepper) | StepperOptions | {} | Stepper-Konfigurationsobjekt: `layout` (`vertical` | `sidebar`) und `rtl` (boolean). |
backLabel (hub-stepper) | string | null | null | Überschreibt die Beschriftung des "Back"-Steuerelements. Greift auf die integrierte i18n-Beschriftung zurück, wenn null. |
continueLabel (hub-stepper) | string | null | null | Überschreibt die Beschriftung des "Continue"-Steuerelements. |
submitLabel (hub-stepper) | string | null | null | Überschreibt die Beschriftung des "Submit"-Steuerelements im letzten Schritt. |
railLabel (hub-stepper) | string | 'Steps' | Zugänglicher Name der tablist der Schrittleiste. |
title (hub-step) | string | — | Der Schritt-Titel, der in der Stepper-Navigation angezeigt wird. |
disabled (hub-step) | boolean | false | Deaktiviert die Navigation zu diesem Schritt. |
Outputs
Reagiere darauf, was stepper tut — 3 Events, an die du deine Logik anknüpfen kannst.
| Name | Typ | Beschreibung |
|---|---|---|
completed (hub-stepper) | EventEmitter<void> | Wird ausgelöst, wenn der Benutzer den letzten Schritt absendet. |
nextStep (hub-stepper) | EventEmitter<number> | Wird ausgelöst, wenn zu einem Schritt vorgerückt wird, mit dem neuen Schritt-Index. |
previousStep (hub-stepper) | EventEmitter<number> | Wird ausgelöst, wenn zu einem Schritt zurückgegangen wird, mit dem neuen Schritt-Index. |
Templates
Noch keine Templates dokumentiert.