From 962c2cebbb5d95c200f1d39cfc947244ec4df86f Mon Sep 17 00:00:00 2001
From: cyn <chenyinan@moqipobing.com>
Date: Tue, 15 Jun 2021 12:16:06 +0800
Subject: [PATCH] docs(button): optimizate button rtl demo (#125)

---
 src/button/demos/zhCN/rtl-debug.demo.md | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/button/demos/zhCN/rtl-debug.demo.md b/src/button/demos/zhCN/rtl-debug.demo.md
index 0cc531eb7..26b4141bc 100644
--- a/src/button/demos/zhCN/rtl-debug.demo.md
+++ b/src/button/demos/zhCN/rtl-debug.demo.md
@@ -5,19 +5,36 @@
   <n-space><n-switch v-model:value="rtlEnabled" />Rtl</n-space>
   <n-config-provider :rtl="rtlEnabled ? rtlStyles : undefined">
     <n-space>
-      <n-button>Rtl Test</n-button>
-      <n-button>Rtl Test</n-button>
-      <n-button>Rtl Test</n-button>
+      <n-button>
+        <template #icon>
+          <n-icon>
+            <cash-icon />
+          </n-icon>
+        </template>
+        Rtl Test
+      </n-button>
+      <n-button icon-placement="right">
+        <template #icon>
+          <n-icon>
+            <cash-icon />
+          </n-icon>
+        </template>
+        Rtl Test
+      </n-button>
     </n-space>
   </n-config-provider>
 </n-space>
 ```
 
 ```js
+import { CashOutline as CashIcon } from '@vicons/ionicons5'
 import { defineComponent, ref } from 'vue'
 import { unstableButtonRtl } from 'naive-ui'
 
 export default defineComponent({
+  components: {
+    CashIcon
+  },
   setup () {
     return {
       rtlEnabled: ref(false),