From 0ddd367b518aced189845f802a8f14a85142fb26 Mon Sep 17 00:00:00 2001
From: xrk <xrkffgg@gmail.com>
Date: Wed, 30 Sep 2020 17:08:39 +0800
Subject: [PATCH] docs: update tabs extra demo (#26968)

---
 .../tabs/__tests__/__snapshots__/demo.test.js.snap  |  3 +--
 components/tabs/demo/extra.md                       | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 06c8f9fdde..ba383ca028 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -1519,8 +1519,7 @@ Array [
         class="ant-tabs-extra-content"
       >
         <button
-          class="ant-btn"
-          style="margin-right:15px"
+          class="ant-btn tabs-extra-demo-button"
           type="button"
         >
           <span>
diff --git a/components/tabs/demo/extra.md b/components/tabs/demo/extra.md
index 64959a29ec..40cae3982e 100644
--- a/components/tabs/demo/extra.md
+++ b/components/tabs/demo/extra.md
@@ -23,7 +23,7 @@ const CheckboxGroup = Checkbox.Group;
 const operations = <Button>Extra Action</Button>;
 
 const OperationsSlot = {
-  left: <Button style={{ marginRight: 15 }}>Left Extra Action</Button>,
+  left: <Button className="tabs-extra-demo-button">Left Extra Action</Button>,
   right: <Button>Right Extra Action</Button>,
 };
 
@@ -85,3 +85,14 @@ const Demo = () => {
 
 ReactDOM.render(<Demo />, mountNode);
 ```
+
+```css
+.tabs-extra-demo-button {
+  margin-right: 16px;
+}
+
+.ant-row-rtl .tabs-extra-demo-button {
+  margin-right: 0;
+  margin-left: 16px;
+}
+```
-- 
GitLab