docs: layout/glasscard & tabcontrol

docs/docs/documentation/controls/layout/glasscard.md

@@ -0,0 +1,34 @@
+# Glass Card
+
+A simple Card control that can present any control inside.
+
+You can adjust whether the `GlassCard` is opaque or not and with or without interactive effects.
+
+## Show
+
+- Normal
+
+<img src="/controls/layout/glasscard-1.webp" height="300px" width="300px"/>
+
+- Opaque
+
+<img src="/controls/layout/glasscard-2.webp" height="300px" width="300px"/>
+
+- Interactive
+
+<img src="/controls/layout/glasscard-3.webp" height="300px" width="300px"/>
+
+## Example
+
+```xml
+<GlassCard>
+    <!-- Content -->
+</GlassCard>
+```
+
+## See Also
+
+[Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml)
+
+
+[API: Controls/GlassMorphism/GlassCard.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs)

docs/docs/documentation/controls/layout/tabcontrol.md

@@ -0,0 +1,28 @@
+# Tab Control
+
+`TabControl` provides the user with a collection of tabs that can be used to display several contents.
+
+::: tip
+`TabStripPlacement` property is available
+:::
+
+## Show
+
+<img src="/controls/layout/tabcontrol.webp"/>
+
+## Example
+
+```xml
+<TabControl>
+    <TabItem Header="Tab 1">
+        <!-- Content -->
+    </TabItem>
+    <TabItem Header="Tab 2">
+        <!-- Content -->
+    </TabItem>
+</TabControl>
+```
+
+## See Also
+
+[Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml)

docs/docs/zh/documentation/controls/layout/glasscard.md

@@ -0,0 +1,34 @@
+# Glass Card
+
+一个简单的卡片式控件，可以往里面塞各种内容
+
+`GlassCard` 的透明和交互效果是可以开关的
+
+## 展示
+
+- 普通
+
+<img src="/controls/layout/glasscard-1.webp" height="300px" width="300px"/>
+
+- 不透明
+
+<img src="/controls/layout/glasscard-2.webp" height="300px" width="300px"/>
+
+- 有交互效果
+
+<img src="/controls/layout/glasscard-3.webp" height="300px" width="300px"/>
+
+## 示例
+
+```xml
+<GlassCard>
+    <!-- Content -->
+</GlassCard>
+```
+
+## 参阅
+
+[Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml)
+
+
+[API: Controls/GlassMorphism/GlassCard.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs)

docs/docs/zh/documentation/controls/layout/tabcontrol.md

@@ -0,0 +1,28 @@
+# Tab Control
+
+`TabControl` 可以通过切换 `TabItem` 以展现多种内容
+
+::: tip
+`TabStripPlacement` 属性是可用的
+:::
+
+## 展示
+
+<img src="/controls/layout/tabcontrol.webp"/>
+
+## 示例
+
+```xml
+<TabControl>
+    <TabItem Header="Tab 1">
+        <!-- Content -->
+    </TabItem>
+    <TabItem Header="Tab 2">
+        <!-- Content -->
+    </TabItem>
+</TabControl>
+```
+
+## 参阅
+
+[Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml)

docs/docs/zh/documentation/controls/navigation/sidemenu.md

@@ -0,0 +1,39 @@
+# SukiSideMenu
+
+`SukiSideMenu` 是 SukiUI 主要的导航控件，类似其他库中的 `NavigationView`
+
+## 展示
+
+<img src="/controls/navigation/sukisidemenu.webp" height="200px" width="200px"/>
+
+## 示例
+
+```xml
+<suki:SukiSideMenu>
+    <suki:SukiSideMenu.Items>
+        <suki:SukiSideMenuItem Header="Statistics">
+            <suki:SukiSideMenuItem.Icon>
+                <!-- Icon -->
+            </suki:SukiSideMenuItem.Icon>
+            <suki:SukiSideMenuItem.PageContent>
+                <!-- Page Content -->
+            </suki:SukiSideMenuItem.PageContent>
+        </suki:SukiSideMenuItem>
+    </suki:SukiSideMenu.Items>
+
+    <suki:SukiSideMenu.HeaderContent>
+        <!-- Header Content -->
+    </suki:SukiSideMenu.HeaderContent>
+
+    <suki:SukiSideMenu.FooterContent>
+        <!-- Footer Content -->
+    </suki:SukiSideMenu.FooterContent>
+</suki:SukiSideMenu>
+```
+
+## 参阅
+
+[Demo: SukiUI.Demo/SukiUIDemoView.axaml](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml)
+
+
+[API: Controls/SukiSideMenu.axaml.cs](https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiSideMenu.axaml.cs)