From 498d2788846916a8eb350f72ef767d7b9438631f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Sepulchre?= <sepulchreclement.dic@gmail.com>
Date: Mon, 2 Sep 2024 14:13:49 +0200
Subject: [PATCH] Update stepper.md

---
 .../controls/progress/stepper.md              | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/docs/docs/documentation/controls/progress/stepper.md b/docs/docs/documentation/controls/progress/stepper.md
index dc35b9d71..83286347a 100644
--- 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)
\ No newline at end of file
+[API: Controls/Stepper.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs)