Update stepper.md

kikipoulet · Sep 2, 2024 · 498d278 · 498d278
1 parent c5ecf5b
commit 498d278
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/docs/docs/documentation/controls/progress/stepper.md b/docs/docs/documentation/controls/progress/stepper.md
@@ -2,24 +2,41 @@
 
 A bar that guides users through the steps of a task
 
-## Show
+<br/>
 
-<img src="/controls/progress/stepper.gif" height="300px" width="300px"/>
+<img src="https://sleekshot.app/api/download/9UWKAIevk5i2"/>
 
-## Example
+
+### XAML
 
 ```xml .axaml
 <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"];
 ```
 
+<br/>
+
+## Alternative Style 
+
+<img src="https://sleekshot.app/api/download/siVzTBuU6zhn"/>
+
+### XAML
+
+```xml .axaml
+<suki:Stepper AlternativeStyle="True" />
+```
+
+<br/>
+
 ## See Also
 
 [Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml)
 
-[API: Controls/Stepper.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs)
+[API: Controls/Stepper.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs)