diff --git a/src/ActionIcon/demos/basic.tsx b/src/ActionIcon/demos/basic.tsx
index fcabbd20..f02c9e0f 100644
--- a/src/ActionIcon/demos/basic.tsx
+++ b/src/ActionIcon/demos/basic.tsx
@@ -1,3 +1,6 @@
+/**
+ * title: Basic
+ */
 import { SmileOutlined } from '@ant-design/icons';
 import { ActionIcon } from '@ant-design/pro-editor';
 
diff --git a/src/ActionIcon/demos/preset.tsx b/src/ActionIcon/demos/preset.tsx
index fb3e0961..6c79eb92 100644
--- a/src/ActionIcon/demos/preset.tsx
+++ b/src/ActionIcon/demos/preset.tsx
@@ -1,9 +1,8 @@
-import {
-  CollapseAction,
-  DeleteAction,
-  EditAction,
-  HandleAction,
-} from '@ant-design/pro-editor';
+/**
+ * title: 预设
+ * description: 一些编辑器常用按钮的预设
+ */
+import { CollapseAction, DeleteAction, EditAction, HandleAction } from '@ant-design/pro-editor';
 import { Space } from 'antd';
 
 export default () => (
diff --git a/src/ActionIcon/index.md b/src/ActionIcon/index.md
index 2bc135b6..3410be67 100644
--- a/src/ActionIcon/index.md
+++ b/src/ActionIcon/index.md
@@ -5,6 +5,8 @@ atomId: ActionIcon
 nav:
   title: 基础组件
   order: 2
+demo:
+  cols: 2
 ---
 
 # ActionIcon 动作图标
@@ -15,14 +17,7 @@ nav:
 
 ## 代码演示
 
-### Basic
-
 <code src="./demos/basic.tsx" ></code>
-
-### 预设
-
-一些编辑器常用按钮的预设
-
 <code src="./demos/preset.tsx" ></code>
 
 ## API