Skip to content

Stepper

A bar that guides users through the steps of a task


XAML

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

XAML

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

See Also

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

API: Controls/Stepper.axaml.cs