docs(components/button): add preview section and example GIF

shadow3aaa · shadow3aaa · commit e19074916898 · 2025-09-13T17:55:46.000+08:00
Add a "Preview" section to the Button component documentation in English and Chinese and include the demo GIF used by the docs.
diff --git a/docs/en/components/button.md b/docs/en/components/button.md
@@ -27,4 +27,8 @@ The state for the click ripple animation. You must provide a valid `RippleState`
 
 - `child: impl FnOnce()`
 
-The child component of the `button`, which can be any `#[tessera]` function.
+The child component of the `button`, which can be any `#[tessera]` function.
+
+## Preview
+
+![button](/button_example.gif)
diff --git a/docs/public/button_example.gif b/docs/public/button_example.gif
diff --git a/docs/zhHans/components/button.md b/docs/zhHans/components/button.md
@@ -28,3 +28,7 @@ pub fn button(
 - `child: impl FnOnce()`
 
 此参数为`button`组件的子组件，可以是任何`#[tessera]`函数。
+
+## 预览
+
+![button](/button_example.gif)
