demo: Update demo with Space.Compact wrap (#48067)

* demo: App demo update * test: Update test snapshots
ant-design · Mar 25, 2024 · dc9e457 · dc9e457
1 parent 0177a70
commit dc9e457
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/components/app/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/app/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -6,6 +6,7 @@ exports[`renders components/app/demo/basic.tsx extend context correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap: wrap;"
   >
     <div
       class="ant-space-item"
@@ -55,6 +56,7 @@ exports[`renders components/app/demo/config.tsx extend context correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap: wrap;"
   >
     <div
       class="ant-space-item"

diff --git a/components/app/__tests__/__snapshots__/demo.test.ts.snap b/components/app/__tests__/__snapshots__/demo.test.ts.snap
@@ -6,6 +6,7 @@ exports[`renders components/app/demo/basic.tsx correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap:wrap"
   >
     <div
       class="ant-space-item"
@@ -53,6 +54,7 @@ exports[`renders components/app/demo/config.tsx correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap:wrap"
   >
     <div
       class="ant-space-item"

diff --git a/components/app/demo/basic.tsx b/components/app/demo/basic.tsx
@@ -25,7 +25,7 @@ const MyPage = () => {
   };
 
   return (
-    <Space>
+    <Space wrap>
       <Button type="primary" onClick={showMessage}>
         Open message
       </Button>

diff --git a/components/app/demo/config.tsx b/components/app/demo/config.tsx
@@ -17,7 +17,7 @@ const MyPage = () => {
   };
 
   return (
-    <Space>
+    <Space wrap>
       <Button type="primary" onClick={showMessage}>
         Message for only one
       </Button>