Skip to content

Stepper ​

A bar that guides users through the steps of a task

Usage ​

Axaml ​

xml
<suki:Stepper Index="{Binding StepIndex}" Steps="{Binding Steps}" />

ViewModel ​

csharp
[ObservableProperty] private int _stepIndex = 1;
public IEnumerable<string> Steps { get; } = 
                           ["First Step", "Second Step", "Third Step"];

Alternative Style ​

Axaml ​

xml
<suki:Stepper AlternativeStyle="True" />

See Also ​

Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml

API: Controls/Stepper.axaml.cs