docs(components/switch): add switch component documentation and preview GIF

Author: shadow3aaa

docs/en/components/switch.md

@@ -0,0 +1,26 @@
+---
+title: Switch
+order: 4
+---
+
+# Switch
+
+```rust
+pub fn switch(args: impl Into<SwitchArgs>, state: Arc<RwLock<SwitchState>>)
+```
+
+The `switch` component displays a toggle that can switch between on and off states.
+
+## Arguments
+
+- `args: impl Into<SwitchArgs>`
+
+  This argument configures the style of the `switch` component, including size, color, border, and other properties. Use `SwitchArgsBuilder` to construct it.
+
+- `state: Arc<RwLock<SwitchState>>`
+
+  This argument manages the state of the `switch` component, including whether it is currently on or off. You can create an initial state with `SwitchState::new(bool)`. Use the `SwitchState::toggle(&mut self)` method to toggle the switch state.
+
+## Preview
+
+![switch](/switch_example.gif)

docs/public/switch_example.gif

@@ -0,0 +1,26 @@
+---
+title: Switch 组件
+order: 4
+---
+
+# Switch
+
+```rust
+pub fn switch(args: impl Into<SwitchArgs>, state: Arc<RwLock<SwitchState>>)
+```
+
+`switch` 组件用于显示一个开关，可以在开启和关闭状态之间切换。
+
+## 参数
+
+- `args: impl Into<SwitchArgs>`
+
+  该参数用于配置 `switch` 组件的样式，包括大小、颜色、边框等属性。可以通过 `SwitchArgsBuilder` 来构建。
+
+- `state: Arc<RwLock<SwitchState>>`
+
+  该参数用于管理 `switch` 组件的状态，包括当前是开启还是关闭状态。可以通过 `SwitchState::new(bool)` 来创建初始状态。使用`SwitchState::toggle(&mut self)`方法可以切换开关状态。
+
+## 预览
+
+![switch](/switch_example.gif)