docs(components/glass_slider): add Glass Slider docs and preview GIF

Author: shadow3aaa

docs/en/components/glass_slider.md

@@ -0,0 +1,29 @@
+---
+title: Glass Slider component
+order: 15
+---
+
+# Glass Slider
+
+```rust
+pub fn glass_slider(
+    args: impl Into<GlassSliderArgs>,
+    state: Arc<RwLock<GlassSliderState>>,
+)
+```
+
+The glass_slider component displays an interactive slider that allows selecting a value within a range. It is the glass variant of the `slider` component. The component supports configuring background color, border, refraction, dispersion, and more, and provides drag interaction.
+
+## Arguments
+
+- `args: impl Into<GlassSliderArgs>`
+
+  This argument configures the style of the glass_slider component, including size, color, border, etc. Use `GlassSliderArgsBuilder` to construct it.
+
+- `state: Arc<RwLock<GlassSliderState>>`
+
+  This argument manages the state of the glass_slider component, including the current value.
+
+## Preview
+
+![glass_slider](/glass_slider_example.gif)

docs/public/glass_slider_example.gif

@@ -0,0 +1,29 @@
+---
+title: Glass Slider 组件
+order: 15
+---
+
+# Glass Slider
+
+```rust
+pub fn glass_slider(
+    args: impl Into<GlassSliderArgs>,
+    state: Arc<RwLock<GlassSliderState>>,
+)
+```
+
+`glass_slider` 组件用于显示一个可交互的滑动条，可以在一个范围内选择一个数值。可以认为它是 `slider` 组件的玻璃风格变体。该组件支持配置背景色、边框、折射率、色散等，并提供拖动交互。
+
+## 参数
+
+- `args: impl Into<GlassSliderArgs>`
+
+  该参数用于配置 `glass_slider` 组件的样式，包括大小、颜色、边框等。可以使用 `GlassSliderArgsBuilder` 来构建。
+
+- `state: Arc<RwLock<GlassSliderState>>`
+
+  该参数用于管理 `glass_slider` 组件的状态。
+
+## 预览
+
+![glass_slider](/glass_slider_example.gif)