From 590620dbf4e6b57e8658c464d78ed4e70211b6b0 Mon Sep 17 00:00:00 2001
From: Batuhan Tomo <batuhan.tomo@gmail.com>
Date: Fri, 19 Apr 2024 09:47:44 +0300
Subject: [PATCH 1/2] Fix#6415

---
 components/doc/iconfield/basicdoc.js | 54 +++++++++++++++-------------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/components/doc/iconfield/basicdoc.js b/components/doc/iconfield/basicdoc.js
index e9cbb87f0d..796377ee0a 100644
--- a/components/doc/iconfield/basicdoc.js
+++ b/components/doc/iconfield/basicdoc.js
@@ -26,15 +26,17 @@ import { InputText } from "primereact/inputtext";
 
 export default function BasicDemo() {
     return (
-        <IconField iconPosition="left">
-            <InputIcon className="pi pi-search"> </InputIcon>
-            <InputText v-model="value1" placeholder="Search" />
-        </IconField>
+        <>
+            <IconField iconPosition="left">
+                <InputIcon className="pi pi-search"> </InputIcon>
+                <InputText v-model="value1" placeholder="Search" />
+            </IconField>
 
-        <IconField>
-            <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
-            <InputText v-model="value2" />
-        </IconField>
+            <IconField>
+                <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
+                <InputText v-model="value2" />
+            </IconField>
+        </>
     )
 }
         `,
@@ -46,15 +48,17 @@ import { InputText } from "primereact/inputtext";
 
 export default function BasicDemo() {
     return (
-        <IconField iconPosition="left">
-            <InputIcon className="pi pi-search"> </InputIcon>
-            <InputText v-model="value1" placeholder="Search" />
-        </IconField>
+        <>
+            <IconField iconPosition="left">
+                <InputIcon className="pi pi-search"> </InputIcon>
+                <InputText v-model="value1" placeholder="Search" />
+            </IconField>
 
-        <IconField>
-            <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
-            <InputText v-model="value2" />
-        </IconField>
+            <IconField>
+                <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
+                <InputText v-model="value2" />
+            </IconField>
+        </>
     )
 }
         `
@@ -68,15 +72,17 @@ export default function BasicDemo() {
                 </p>
             </DocSectionText>
             <div className="card flex flex-wrap justify-content-center gap-3">
-                <IconField iconPosition="left">
-                    <InputIcon className="pi pi-search" />
-                    <InputText v-model="value1" placeholder="Search" />
-                </IconField>
+                <>
+                    <IconField iconPosition="left">
+                        <InputIcon className="pi pi-search" />
+                        <InputText v-model="value1" placeholder="Search" />
+                    </IconField>
 
-                <IconField>
-                    <InputIcon className="pi pi-spin pi-spinner" />
-                    <InputText v-model="value2" />
-                </IconField>
+                    <IconField>
+                        <InputIcon className="pi pi-spin pi-spinner" />
+                        <InputText v-model="value2" />
+                    </IconField>
+                </>
             </div>
             <DocSectionCode code={code} />
         </>

From f8011e35bfb90ff9c25fb01784c4d0aa61ab30b9 Mon Sep 17 00:00:00 2001
From: Batuhan Tomo <batuhan.tomo@gmail.com>
Date: Fri, 19 Apr 2024 11:11:29 +0300
Subject: [PATCH 2/2] Style add

---
 components/doc/iconfield/basicdoc.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/doc/iconfield/basicdoc.js b/components/doc/iconfield/basicdoc.js
index 796377ee0a..95ea6f9162 100644
--- a/components/doc/iconfield/basicdoc.js
+++ b/components/doc/iconfield/basicdoc.js
@@ -26,7 +26,7 @@ import { InputText } from "primereact/inputtext";
 
 export default function BasicDemo() {
     return (
-        <>
+        <div className="flex gap-3">
             <IconField iconPosition="left">
                 <InputIcon className="pi pi-search"> </InputIcon>
                 <InputText v-model="value1" placeholder="Search" />
@@ -36,7 +36,7 @@ export default function BasicDemo() {
                 <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
                 <InputText v-model="value2" />
             </IconField>
-        </>
+        </div>
     )
 }
         `,
@@ -48,7 +48,7 @@ import { InputText } from "primereact/inputtext";
 
 export default function BasicDemo() {
     return (
-        <>
+        <div className="flex gap-3">
             <IconField iconPosition="left">
                 <InputIcon className="pi pi-search"> </InputIcon>
                 <InputText v-model="value1" placeholder="Search" />
@@ -58,7 +58,7 @@ export default function BasicDemo() {
                 <InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
                 <InputText v-model="value2" />
             </IconField>
-        </>
+        </div>
     )
 }
         `
@@ -72,7 +72,7 @@ export default function BasicDemo() {
                 </p>
             </DocSectionText>
             <div className="card flex flex-wrap justify-content-center gap-3">
-                <>
+                <div className="flex gap-3">
                     <IconField iconPosition="left">
                         <InputIcon className="pi pi-search" />
                         <InputText v-model="value1" placeholder="Search" />
@@ -82,7 +82,7 @@ export default function BasicDemo() {
                         <InputIcon className="pi pi-spin pi-spinner" />
                         <InputText v-model="value2" />
                     </IconField>
-                </>
+                </div>
             </div>
             <DocSectionCode code={code} />
         </>