docs(components): add preview section and example image for Surface component

shadow3aaa · shadow3aaa · commit d02a7338136a · 2025-09-13T17:50:06.000+08:00
diff --git a/docs/en/components/surface.md b/docs/en/components/surface.md
@@ -28,3 +28,7 @@ The state used for the click ripple animation. Passing `None` disables the rippl
 - `child: impl FnOnce()`
 
 The child component of `surface`, can be any `#[tessera]` function.
+
+## Preview
+
+![surface](/surface_example.png)
diff --git a/docs/public/surface_example.png b/docs/public/surface_example.png
diff --git a/docs/zhHans/components/surface.md b/docs/zhHans/components/surface.md
@@ -28,3 +28,7 @@ pub fn surface(
 - `child: impl FnOnce()`
 
 此参数为`surface`组件的子组件，可以是任何`#[tessera]`函数。
+
+## 预览
+
+![surface](/surface_example.png)
