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
-
-
-### 预设
-
-一些编辑器常用按钮的预设
-
## API