Update button.md

kikipoulet · Sep 2, 2024 · 7830241 · 7830241
1 parent fa3b891
commit 7830241
Showing 1 changed file with 72 additions and 13 deletions.
diff --git a/docs/docs/documentation/controls/inputs/button.md b/docs/docs/documentation/controls/inputs/button.md
@@ -2,34 +2,93 @@
 
 SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme's accent color.
 
-## Show
+<br/>
 
-<img src="/controls/inputs/button.webp" />
+## Styles
 
-- Busy
+### Standard
 
-<img src="/controls/inputs/button-busy.gif" height="300px" width="300px"/>
+<img src="https://sleekshot.app/api/download/wWleWLZYWqR6" />
+
+```xml
+<Button Content="Button" ></Button>
+```
+
+### Flat
 
-## Example
+<img src="https://sleekshot.app/api/download/tYN4eE9SLoot" />
 
 ```xml
-<Button>
-    <!-- Content -->
-</Button>
+<Button Content="Button" Classes="Flat" ></Button>
 ```
 
-### Busy
+### Rounded
+
+<img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" />
+
+```xml
+<Button Content="Button" Classes="Flat Rounded" ></Button>
+```
+
+### Outlined
+
+<img src="https://sleekshot.app/api/download/uVA8CTxZ989L" />
+
+```xml
+<Button Content="Button" Classes="Outlined" ></Button>
+```
+
+### Basic
+
+<img src="https://sleekshot.app/api/download/KTKtsjlVKsth" />
+
+```xml
+<Button Content="Button" Classes="Basic" ></Button>
+```
+
+
+### Flat Accent
+
+<img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" />
+
+```xml
+<Button Content="Button" Classes="Flat Accent" ></Button>
+```
+
+### Large
+
+<img src="https://sleekshot.app/api/download/LiWhO4edwZi3" />
+
+```xml
+<Button Content="Button" Classes="Flat Large" ></Button>
+```
+
+
+<br/>
+
+## Busy/Loading Button
+
+<img src="/controls/inputs/button-busy.gif" height="300px" width="300px"/>
+
+### Xaml
 
 ```xml
 ...
 xmlns:theme="clr-namespace:SukiUI.Theme;assembly=SukiUI"
 ...
 
-<Button theme:ButtonExtensions.ShowProgress="true">
-    <!-- Content -->
-</Button>
+<Button theme:ButtonExtensions.ShowProgress="true"></Button>
 ```
 
+### C#
+
+```Csharp
+   MyButton.ShowProgress();
+
+   MyButton.HideProgress();
+```
+
+
 ## See Also
 
-[Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml)
+[Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml)