浏览代码

docs: ✏️ fix consistency issues in docs for button component

oddguan 4 年之前
父节点
当前提交
23987e8bc9
共有 2 个文件被更改,包括 10 次插入10 次删除
  1. 7 7
      content/input/button/index-en-US.md
  2. 3 3
      content/input/button/index.md

+ 7 - 7
content/input/button/index-en-US.md

@@ -200,8 +200,8 @@ import { Button } from '@douyinfe/semi-ui';
 function ButtonDemo() {
 function ButtonDemo() {
   return (
   return (
     <div>
     <div>
-      <Button size='large' style={{marginRight:8}}>large</Button>
-      <Button size='default' style={{marginRight:8}}>default</Button>
+      <Button size='large' style={{ marginRight:8 }}>large</Button>
+      <Button size='default' style={{ marginRight:8 }}>default</Button>
       <Button size='small'>small</Button>
       <Button size='small'>small</Button>
     </div>
     </div>
   );
   );
@@ -237,13 +237,13 @@ import { IconCamera, IconSidebar, IconChevronDown } from '@douyinfe/semi-icons';
 function ButtonDemo() {
 function ButtonDemo() {
   return (
   return (
     <div>
     <div>
-      <strong>Default Status:</strong>
+      <strong>Default Status: </strong>
       <Button icon={<IconCamera />}/>
       <Button icon={<IconCamera />}/>
           <br/><br/>
           <br/><br/>
       <strong>Disabled Status:</strong>
       <strong>Disabled Status:</strong>
       <Button icon={<IconCamera />}/>
       <Button icon={<IconCamera />}/>
           <br/><br/>
           <br/><br/>
-      <strong>With Type:</strong>
+      <strong>With Type: </strong>
       <span className="btn-margin-right">
       <span className="btn-margin-right">
       <Button type="primary" icon={<IconCamera />}/>
       <Button type="primary" icon={<IconCamera />}/>
       <Button type="secondary" icon={<IconCamera />}/>
       <Button type="secondary" icon={<IconCamera />}/>
@@ -251,13 +251,13 @@ function ButtonDemo() {
       <Button type="danger" icon={<IconCamera />}/>
       <Button type="danger" icon={<IconCamera />}/>
       </span>
       </span>
           <br/><br/>
           <br/><br/>
-      <strong>Change Theme:</strong>
+      <strong>Change Theme: </strong>
       <Button icon={<IconCamera />} theme="solid" style={{ marginRight: 10 }}/>
       <Button icon={<IconCamera />} theme="solid" style={{ marginRight: 10 }}/>
       <Button icon={<IconCamera />} theme="light"/>
       <Button icon={<IconCamera />} theme="light"/>
           <br/><br/>
           <br/><br/>
-      <strong>Change Icon Position:</strong>
+      <strong>Change Icon Position: </strong>
       <Button icon={<IconSidebar />} theme="solid" style={{ marginRight: 10 }}>Collpase</Button>
       <Button icon={<IconSidebar />} theme="solid" style={{ marginRight: 10 }}>Collpase</Button>
-      <Button icon={<IconChevronDown />} theme="solid" iconPosition={"right"}>Expand Options</Button>
+      <Button icon={<IconChevronDown />} theme="solid" iconPosition="right">Expand Options</Button>
           <br/><br/>
           <br/><br/>
     </div>
     </div>
   );
   );

+ 3 - 3
content/input/button/index.md

@@ -160,8 +160,8 @@ import { Button } from '@douyinfe/semi-ui';
 function ButtonDemo() {
 function ButtonDemo() {
   return (
   return (
     <div>
     <div>
-      <Button size='large' style={{marginRight:8}}>大尺寸</Button>
-      <Button size='default' style={{marginRight:8}}>默认尺寸</Button>
+      <Button size='large' style={{ marginRight:8 }}>大尺寸</Button>
+      <Button size='default' style={{ marginRight:8 }}>默认尺寸</Button>
       <Button size='small'>小尺寸</Button>
       <Button size='small'>小尺寸</Button>
     </div>
     </div>
   );
   );
@@ -217,7 +217,7 @@ function ButtonDemo() {
           <br/><br/>
           <br/><br/>
       <strong>更改图标位置:</strong>
       <strong>更改图标位置:</strong>
       <Button icon={<IconSidebar />} theme="solid" style={{ marginRight: 10 }}>收起</Button>
       <Button icon={<IconSidebar />} theme="solid" style={{ marginRight: 10 }}>收起</Button>
-      <Button icon={<IconChevronDown />} theme="solid" iconPosition={"right"}>展开选项</Button>
+      <Button icon={<IconChevronDown />} theme="solid" iconPosition="right">展开选项</Button>
           <br/><br/>
           <br/><br/>
     </div>
     </div>
   );
   );