瀏覽代碼

docs: update currency demo

林艳 7 月之前
父節點
當前提交
92af998243
共有 2 個文件被更改,包括 50 次插入2 次删除
  1. 26 0
      content/input/inputnumber/index-en-US.md
  2. 24 2
      content/input/inputnumber/index.md

+ 26 - 0
content/input/inputnumber/index-en-US.md

@@ -361,6 +361,32 @@ import { InputNumber } from '@douyinfe/semi-ui';
 };
 ```
 
+Hide the display of currency symbols/codes/names, and display the currency symbol through the prefix/suffix
+```jsx live=true
+import React from 'react';
+import { InputNumber } from '@douyinfe/semi-ui';    
+
+() => {
+    const defaultValue = 123456.78;
+    return (
+        <div>
+            <div>🇨🇳 CNY ➕ code</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" prefix="CNY" showCurrencySymbol={false} defaultValue={defaultValue} />
+            <br />
+            <br />
+            <div>🇨🇳 CNY ➕ symbol</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" prefix="¥" showCurrencySymbol={false} defaultValue={defaultValue} />
+            <br />
+            <br />
+            <div>🇨🇳 CNY ➕ name</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" suffix="人民币" showCurrencySymbol={false} defaultValue={defaultValue} />
+            <br />
+            <br />
+        </div>
+    );
+};
+```
+
 ## API Reference
 
 | Properties   | Instructions                                                                                    | type                              | Default   | Version    |

+ 24 - 2
content/input/inputnumber/index.md

@@ -325,8 +325,30 @@ import { InputNumber } from '@douyinfe/semi-ui';
             <InputNumber currency="CNY" currencyDisplay="name" defaultValue={defaultValue} />
             <br />
             <br />
-            <div>隐藏货币符号/代码/名称的展示</div>
-            <InputNumber currency="CNY" currencyDisplay="name" defaultValue={defaultValue} showCurrencySymbol={false}/>
+        </div>
+    );
+};
+```
+
+隐藏货币符号、代码或名称的展示,通过前后缀展示货币符号
+```jsx live=true
+import React from 'react';
+import { InputNumber } from '@douyinfe/semi-ui';    
+
+() => {
+    const defaultValue = 123456.78;
+    return (
+        <div>
+            <div>🇨🇳 CNY ➕ code</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" prefix="CNY" showCurrencySymbol={false} defaultValue={defaultValue} />
+            <br />
+            <br />
+            <div>🇨🇳 CNY ➕ symbol</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" prefix="¥" showCurrencySymbol={false} defaultValue={defaultValue} />
+            <br />
+            <br />
+            <div>🇨🇳 CNY ➕ name</div>
+            <InputNumber style={{ width: 200 }} currency="CNY" suffix="人民币" showCurrencySymbol={false} defaultValue={defaultValue} />
             <br />
             <br />
         </div>