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.

NameTypStandardBeschreibung
options (hub-stepper)StepperOptions{}Stepper-Konfigurationsobjekt: `layout` (`vertical` | `sidebar`) und `rtl` (boolean).
backLabel (hub-stepper)string | nullnullÜberschreibt die Beschriftung des "Back"-Steuerelements. Greift auf die integrierte i18n-Beschriftung zurück, wenn null.
continueLabel (hub-stepper)string | nullnullÜberschreibt die Beschriftung des "Continue"-Steuerelements.
submitLabel (hub-stepper)string | nullnullÜberschreibt die Beschriftung des "Submit"-Steuerelements im letzten Schritt.
railLabel (hub-stepper)string'Steps'Zugänglicher Name der tablist der Schrittleiste.
title (hub-step)stringDer Schritt-Titel, der in der Stepper-Navigation angezeigt wird.
disabled (hub-step)booleanfalseDeaktiviert die Navigation zu diesem Schritt.

Outputs

Reagiere darauf, was stepper tut — 3 Events, an die du deine Logik anknüpfen kannst.

NameTypBeschreibung
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.