WizardShell
Stepper header + per-step body + Back/Next footer — encapsulates multi-step form navigation
Interactive-mode
Examples
Three-step wizard
- 1 Your details
- 2 Contact
- 3 Review
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| WizardShell | A multi-step wizard shell. Renders a numbered stepper header, a body area driven by StepContent, and a Back/Next footer. The consumer owns CurrentStep state and passes a CurrentStepChanged callback — WizardShell is fully controlled. |
WizardShell
A multi-step wizard shell. Renders a numbered stepper header, a body area driven by StepContent, and a Back/Next footer. The consumer owns CurrentStep state and passes a CurrentStepChanged callback — WizardShell is fully controlled.
| Property | Type | Required | Description |
|---|---|---|---|
| Steps | IList<WizardStep>? | Ordered list of step definitions. Each WizardStep has a Label and optional Description. | |
| CurrentStep | int | Zero-based index of the active step. Default: 0. | |
| CurrentStepChanged | EventCallback<int> | Fires when Back or Next is clicked with the new step index. Use with CurrentStep for two-way binding. | |
| StepContent | RenderFragment<int>? | Per-step body. The Context variable receives the current step index so you can render different UI per step. |