ComponentsNavigation
Stepper
Leads the reader through a task split into ordered steps, showing where they are and what remains. Use it for multi-part forms such as bookings and checkouts.
Linear stepper
By default a stepper is linear: each step must be completed before the next can be reached. The built-in buttons move forward and back; CompletedContent replaces the steps at the end.
Non-linear stepper and step states
NonLinear lets readers visit steps in any order by clicking their titles. Each step can be marked completed, in error, skippable or disabled; the switches drive those parameters.
Six soil cores from the north transect, labelled by depth.
ActiveIndex: 0
Vertical stepper
Vertical stacks the steps and opens the active one in place, which suits narrow columns and long step content.
Checkout with validation
Each step holds a MudForm. OnPreviewInteraction validates the current form when the reader presses next, and cancels the move while it is invalid.
Colors and centered labels
CurrentStepColor, CompletedStepColor, ErrorStepColor and SkippedStepColor tint the step markers. CenterLabels puts the titles under the markers.
The active step takes CurrentStepColor.