Dialog-Stapel

Mehrstufiger Dialog (Wizard): gestapelte Ebenen mit Zurück/Weiter, hintere Ebenen bleiben versetzt sichtbar — Escape schließt, emittiert step und finish

Components v1.0.0 Overlays WebsiteAppDesktop component.dialog-stack

Nutzt: ui.icon

Beispiele

Dreistufiger Assistent (Weiter stapelt die Ebenen sichtbar)

Eigenschaften

PropTypDefaultBuilder-Label
openerLabelstring"Assistent starten"Öffner-Button
finishLabelstring"Fertigstellen"Abschluss-Button
steps *arrayEbenen

* Pflicht-Prop

Events & Slots

Events: ⚡ step⚡ finish — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.on-secondarycolor.action.primarycolor.action.primary-hovercolor.action.secondarycolor.action.secondary-bordercolor.border.defaultcolor.surface.backdropcolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardelevation.overlayfont.family.defaultlayer.modalleading.baseradius.controlradius.overlaysize.2size.32size.4size.5size.8text.lgtext.mdtext.smtext.xsweight.semibold