API and Development
@prepared911/ui/styles.css once at the document root.| Name | Required | Description |
|---|---|---|
title | yes | The flow's name in the header. Not the name of the record. |
closeLabel | yes | Accessible name of the close control, which is Cancel. |
steps or sections | yes, one of the two | Ordered steps, or named groups of steps for the horizontal stepper. |
current | yes | Id of the current step. |
onCurrentChange | yes | Called with the step id and { reason: "back" | "select" }. No validation runs. |
onStepSubmit | yes | Called with { stepId, nextId, isLast, event }. Validate here; return a promise to hold the wizard pending. |
stepperLabel | yes | Accessible name of the stepper. |
stateLabels | yes | State text the stepper reads before each label. |
backLabel | yes | Label of Back, drawn from the second step on. |
continueLabel | yes | Label of Continue before the last step. |
submitLabel | yes | Label of the primary on the last step: the finishing verb. |
children | yes | The current step's fields. |
stepErrors | no | Error copy by step id. A step with an entry shows the error state. |
pending | no | Whether a step is saving. |
stepperLayout | no | FormWizardStepperLayout.Auto (default), Rail or Top. |
selection | no | StepperSelection.Completed (default) or Available. |
announcement, sectionSummary | no | Stepper announcement and section position copy. |
submitPendingLabel | no | Accessible name of the primary while pending. |
onSaveAndExit with saveAndExitLabel | no | Header Save + exit, passed together. Called with { stepId }. Not drawn without them. |
description, requiredHint | no | Copy under the title and above the fields. |
scrollRegionLabel, startScrollRegionLabel | no | Names for the form and rail regions when they overflow. |
trigger, open, defaultOpen, onOpenChange | no | Open state, as TakeoverDialog. |
ref | no | The dialog element. |
{ id, label, description?, optional?, disabledReason? }. A section is { id, label, steps }.TakeoverDialog's start slot, Save + exit in headerActions and Back and Continue in footer. The form is FormLayoutStandard with a hidden footer at Full width, in a Breakpoint.CenteredBlock column. Continue is linked to the form with the native form attribute. The block has no stylesheet of its own.