GitHub

Wizard

Multi-step wizard with visual stepper indicator, auto-generated navigation buttons, and server-side step state tracking.

<rhx-wizard>

Examples

Basic Wizard

A three-step wizard with automatic Previous/Next navigation via htmx.

Create Account

Vertical Layout

Please fill in the details.

Server-Side State Tracking

Use WizardState and WizardSessionExtensions to track step progress across requests:

public IActionResult OnPostWizardNext(int step)
{
    var state = TempData.GetWizardState("checkout");
    state.MarkComplete(state.CurrentStep);
    state.CurrentStep = step;
    TempData.SetWizardState("checkout", state);

    return Partial("_WizardPartial", state);
}