update button size demo

csenk · Sep 11, 2017 · bb2c203 · bb2c203
1 parent 1cdf0d9
commit bb2c203
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 18 deletions.
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -480,12 +480,13 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
     class="ant-radio-group"
   >
     <label
-      class="ant-radio-button-wrapper"
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
     >
       <span
-        class="ant-radio-button"
+        class="ant-radio-button ant-radio-button-checked"
       >
         <input
+          checked=""
           class="ant-radio-button-input"
           type="radio"
         />
@@ -498,13 +499,12 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
       </span>
     </label>
     <label
-      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      class="ant-radio-button-wrapper"
     >
       <span
-        class="ant-radio-button ant-radio-button-checked"
+        class="ant-radio-button"
       >
         <input
-          checked=""
           class="ant-radio-button-input"
           type="radio"
         />
@@ -538,35 +538,60 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
   <br />
   <br />
   <button
-    class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
+    class="ant-btn ant-btn-primary ant-btn-lg"
     type="button"
   >
-    <i
-      class="anticon anticon-download"
-    />
+    <span>
+      Primary
+    </span>
   </button>
   <button
-    class="ant-btn ant-btn-primary"
+    class="ant-btn ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Normal
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-dashed ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Dashed
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-danger ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Danger
+    </span>
+  </button>
+  <br />
+  <button
+    class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg ant-btn-icon-only"
     type="button"
   >
     <i
       class="anticon anticon-download"
     />
-    <span>
-      Download
-    </span>
   </button>
   <button
-    class="ant-btn ant-btn-primary"
+    class="ant-btn ant-btn-primary ant-btn-lg"
     type="button"
   >
+    <i
+      class="anticon anticon-download"
+    />
     <span>
-      Normal
+      Download
     </span>
   </button>
   <br />
   <div
-    class="ant-btn-group"
+    class="ant-btn-group ant-btn-group-lg"
   >
     <button
       class="ant-btn ant-btn-primary"

diff --git a/components/button/demo/size.md b/components/button/demo/size.md
@@ -22,7 +22,7 @@ import { Button, Radio, Icon } from 'antd';
 
 class ButtonSize extends React.Component {
   state = {
-    size: 'default',
+    size: 'large',
   };
 
   handleSizeChange = (e) => {
@@ -39,9 +39,13 @@ class ButtonSize extends React.Component {
           <Radio.Button value="small">Small</Radio.Button>
         </Radio.Group>
         <br /><br />
+        <Button type="primary" size={size}>Primary</Button>
+        <Button size={size}>Normal</Button>
+        <Button type="dashed" size={size}>Dashed</Button>
+        <Button type="danger" size={size}>Danger</Button>
+        <br />
         <Button type="primary" shape="circle" icon="download" size={size} />
         <Button type="primary" icon="download" size={size}>Download</Button>
-        <Button type="primary" size={size}>Normal</Button>
         <br />
         <Button.Group size={size}>
           <Button type="primary">