From ad8dd24cc8da09d74fc260840294eb99bede4ca6 Mon Sep 17 00:00:00 2001
From: dingkang <dingkang0458@gmail.com>
Date: Tue, 13 Jun 2023 11:05:05 +0800
Subject: [PATCH] dome: optimize  FloatBotton demo style (#42980)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* docs: FloatBotton open 属性说明

* test: update snapshots

* demo: add controlled demo

* demo: update demo

* feat: add warning

* feat: update warning

* demo: update controlled demo

* demo: prettify demo style

* demo: update snapshots

---------

Co-authored-by: 二货机器人 <smith3816@gmail.com>
---
 .../__tests__/__snapshots__/demo-extend.test.ts.snap            | 1 +
 .../float-button/__tests__/__snapshots__/demo.test.ts.snap      | 1 +
 components/float-button/demo/controlled.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/float-button/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/float-button/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8e9c5799a2..993db3167a 100644
--- a/components/float-button/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/float-button/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -855,6 +855,7 @@ Array [
     aria-checked="true"
     class="ant-switch ant-switch-checked"
     role="switch"
+    style="margin: 16px;"
     type="button"
   >
     <div
diff --git a/components/float-button/__tests__/__snapshots__/demo.test.ts.snap b/components/float-button/__tests__/__snapshots__/demo.test.ts.snap
index fbc7630841..b6efca230a 100644
--- a/components/float-button/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/float-button/__tests__/__snapshots__/demo.test.ts.snap
@@ -645,6 +645,7 @@ Array [
     aria-checked="true"
     class="ant-switch ant-switch-checked"
     role="switch"
+    style="margin:16px"
     type="button"
   >
     <div
diff --git a/components/float-button/demo/controlled.tsx b/components/float-button/demo/controlled.tsx
index d47f8b459e..7993acf7a9 100644
--- a/components/float-button/demo/controlled.tsx
+++ b/components/float-button/demo/controlled.tsx
@@ -20,7 +20,7 @@ const App: React.FC = () => {
         <FloatButton />
         <FloatButton icon={<CommentOutlined />} />
       </FloatButton.Group>
-      <Switch onChange={onChange} checked={open} />
+      <Switch onChange={onChange} checked={open} style={{ margin: 16 }} />
     </>
   );
 };