diff --git a/doc/source/handycontrol/native_controls/expander/index.md b/doc/source/handycontrol/native_controls/expander/index.md
index ca12ad62..30db500f 100644
--- a/doc/source/handycontrol/native_controls/expander/index.md
+++ b/doc/source/handycontrol/native_controls/expander/index.md
@@ -1,5 +1,30 @@
 ---
-title: 建设中
+title: Expander 展开框 
 ---
 
-建设中
\ No newline at end of file
+# ExpanderBaseStyle
+
+Expander 展开框 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+{% note info no-icon %}
+
+{% code %}
+<StackPanel Margin="32" VerticalAlignment="Center" Width="240">
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+</StackPanel>
+{% endcode %}
+
+![HC Expander](../images/hc_expander.png)
+
+{% endnote %}
\ No newline at end of file
diff --git a/doc/source/handycontrol/native_controls/images/hc_expander.png b/doc/source/handycontrol/native_controls/images/hc_expander.png
new file mode 100644
index 00000000..90763bdf
Binary files /dev/null and b/doc/source/handycontrol/native_controls/images/hc_expander.png differ