From 55e34f6ac139fdfb5ea2fb79d94ba90e8316b12e Mon Sep 17 00:00:00 2001
From: ycjcl868 <45808948@qq.com>
Date: Wed, 20 Nov 2019 17:42:55 +0800
Subject: [PATCH] fix: icon error

---
 components/button/demo/button-group.md | 10 +++++-----
 components/form/demo/form-context.md   |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/button/demo/button-group.md b/components/button/demo/button-group.md
index 664e2ab171..d3f3fa8eb3 100644
--- a/components/button/demo/button-group.md
+++ b/components/button/demo/button-group.md
@@ -19,7 +19,7 @@ The `size` can be set to `large`, `small` or left unset resulting in a default s
 
 ```jsx
 import { Button } from 'antd';
-import { Left, Right } from '@ant-design/icons';
+import { Left, Right, Cloud, CloudDownload } from '@ant-design/icons';
 
 const ButtonGroup = Button.Group;
 
@@ -53,12 +53,12 @@ ReactDOM.render(
       </Button>
     </ButtonGroup>
     <ButtonGroup>
-      <Button type="primary" icon="cloud" />
-      <Button type="primary" icon="cloud-download" />
+      <Button type="primary" icon={<Cloud />} />
+      <Button type="primary" icon={<CloudDownload />} />
     </ButtonGroup>
     <ButtonGroup>
-      <Button type="primary" size="small" icon="cloud" />
-      <Button type="primary" size="small" icon="cloud-download" />
+      <Button type="primary" size="small" icon={<Cloud />} />
+      <Button type="primary" size="small" icon={<CloudDownload />} />
     </ButtonGroup>
   </div>,
   mountNode,
diff --git a/components/form/demo/form-context.md b/components/form/demo/form-context.md
index 12a2f7639e..cf085450a9 100644
--- a/components/form/demo/form-context.md
+++ b/components/form/demo/form-context.md
@@ -15,7 +15,7 @@ Use `Form.Provider` to process data between forms. In this case, submit button i
 
 ```tsx
 import { Form, Input, InputNumber, Modal, Button, Avatar, Typography } from 'antd';
-import { Smile } from '@ant-design/icons';
+import { Smile, User } from '@ant-design/icons';
 
 const layout = {
   labelCol: { span: 8 },
@@ -96,7 +96,7 @@ const Demo = () => {
                 <ul>
                   {users.map((user, index) => (
                     <li key={index} className="user">
-                      <Avatar icon="user" />
+                      <Avatar icon={<User />} />
                       {user.name} - {user.age}
                     </li>
                   ))}