diff --git a/components/icon/index.en-US.md b/components/icon/index.en-US.md
index b0ad549c7b..5451ffb472 100644
--- a/components/icon/index.en-US.md
+++ b/components/icon/index.en-US.md
@@ -74,3 +74,4 @@ You can set `style` and `className` for size and color of icons because they are
 |----------|------------------|------- |---------|
 | type | Type of ant design icons | string | - |
 | spin | Rotate icon with animation | boolean | false |
+| style | style properties of icon, like fontSize and color | object | - |
diff --git a/components/icon/index.zh-CN.md b/components/icon/index.zh-CN.md
index 8871afbc20..55b12adb72 100644
--- a/components/icon/index.zh-CN.md
+++ b/components/icon/index.zh-CN.md
@@ -75,3 +75,4 @@ ReactDOM.render(<IconSet className="icons" catigory="logo" />, mountNode);
 |----------|------------------|----------|--------|
 | type | 图标类型 | string | - |
 | spin | 是否有旋转动画 | boolean | false |
+| style | 设置图标的样式，例如 fontSize 和 color | object | - |
diff --git a/site/theme/template/Content/Article.jsx b/site/theme/template/Content/Article.jsx
index f43b27a4dc..ff766e4705 100644
--- a/site/theme/template/Content/Article.jsx
+++ b/site/theme/template/Content/Article.jsx
@@ -111,6 +111,13 @@ export default class Article extends React.Component {
               ['section', { className: 'markdown' }].concat(getChildren(content.content))
             ))
           }
+          {
+            props.utils.toReactComponent(
+              ['section', {
+                className: 'markdown api-container',
+              }].concat(getChildren(content.api || ['placeholder']))
+            )
+          }
         </article>
       </DocumentTitle>
     );