From b18e88de2045585c8895adcd638fe8a94e9b49e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20=C3=87etin?=
 <92744169+mehmetcetin01140@users.noreply.github.com>
Date: Fri, 22 Dec 2023 13:12:10 +0300
Subject: [PATCH] fix typo

---
 src/app/showcase/doc/inputgroup/basicdoc.ts   | 36 +++++++++++--------
 src/app/showcase/doc/inputgroup/importdoc.ts  |  2 +-
 .../showcase/doc/inputgroup/multipledoc.ts    | 34 +++++++++---------
 3 files changed, 39 insertions(+), 33 deletions(-)

diff --git a/src/app/showcase/doc/inputgroup/basicdoc.ts b/src/app/showcase/doc/inputgroup/basicdoc.ts
index 1eb5f409b07..b973e6feca1 100644
--- a/src/app/showcase/doc/inputgroup/basicdoc.ts
+++ b/src/app/showcase/doc/inputgroup/basicdoc.ts
@@ -14,11 +14,13 @@ import { Code } from '../../domain/code';
                 </p-inputGroupAddon>
                 <input pInputText placeholder="Username" />
             </p-inputGroup>
+
             <p-inputGroup>
                 <p-inputGroupAddon>$</p-inputGroupAddon>
                 <input type="text" pInputText placeholder="Price" />
                 <p-inputGroupAddon>.00</p-inputGroupAddon>
             </p-inputGroup>
+            
             <p-inputGroup>
                 <p-inputGroupAddon>www</p-inputGroupAddon>
                 <input type="text" pInputText placeholder="Website" />
@@ -35,32 +37,36 @@ export class BasicDoc {
     </p-inputGroupAddon>
     <input pInputText placeholder="Username" />
 </p-inputGroup>
+
 <p-inputGroup>
     <p-inputGroupAddon>$</p-inputGroupAddon>
     <input type="text" pInputText placeholder="Price" />
     <p-inputGroupAddon>.00</p-inputGroupAddon>
 </p-inputGroup>
+
 <p-inputGroup>
     <p-inputGroupAddon>www</p-inputGroupAddon>
     <input type="text" pInputText placeholder="Website" />
 </p-inputGroup>`,
 
         html: `<div class="card flex flex-column md:flex-row gap-3">
-    <p-inputGroup>
-        <p-inputGroupAddon>
-            <i class="pi pi-user"></i>
-        </p-inputGroupAddon>
-        <input pInputText placeholder="Username" />
-    </p-inputGroup>
-    <p-inputGroup>
-        <p-inputGroupAddon>$</p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Price" />
-        <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
-    <p-inputGroup>
-        <p-inputGroupAddon>www</p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Website" />
-    </p-inputGroup>
+<p-inputGroup>
+    <p-inputGroupAddon>
+        <i class="pi pi-user"></i>
+    </p-inputGroupAddon>
+    <input pInputText placeholder="Username" />
+</p-inputGroup>
+
+<p-inputGroup>
+    <p-inputGroupAddon>$</p-inputGroupAddon>
+    <input type="text" pInputText placeholder="Price" />
+    <p-inputGroupAddon>.00</p-inputGroupAddon>
+</p-inputGroup>
+
+<p-inputGroup>
+    <p-inputGroupAddon>www</p-inputGroupAddon>
+    <input type="text" pInputText placeholder="Website" />
+</p-inputGroup>
 </div>`,
 
         typescript: `
diff --git a/src/app/showcase/doc/inputgroup/importdoc.ts b/src/app/showcase/doc/inputgroup/importdoc.ts
index 0caca39ed6d..9f15f95f75e 100644
--- a/src/app/showcase/doc/inputgroup/importdoc.ts
+++ b/src/app/showcase/doc/inputgroup/importdoc.ts
@@ -8,6 +8,6 @@ import { Code } from '../../domain/code';
 export class ImportDoc {
     code: Code = {
         typescript: `import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddon } from 'primeng/inputgroupaddon';`
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';`
     };
 }
diff --git a/src/app/showcase/doc/inputgroup/multipledoc.ts b/src/app/showcase/doc/inputgroup/multipledoc.ts
index 11206cc0f9d..597b6241ef1 100644
--- a/src/app/showcase/doc/inputgroup/multipledoc.ts
+++ b/src/app/showcase/doc/inputgroup/multipledoc.ts
@@ -28,6 +28,21 @@ import { Code } from '../../domain/code';
 export class MultipleDoc {
     code: Code = {
         basic: `<p-inputGroup class="w-full md:w-30rem">
+<p-inputGroupAddon>
+    <i class="pi pi-clock"></i>
+</p-inputGroupAddon>
+
+<p-inputGroupAddon>
+    <i class="pi pi-star-fill"></i>
+</p-inputGroupAddon>
+
+<input type="text" pInputText placeholder="Price" />
+<p-inputGroupAddon>$</p-inputGroupAddon>
+<p-inputGroupAddon>.00</p-inputGroupAddon>
+</p-inputGroup>`,
+
+        html: `<div class="card flex justify-content-center">
+<p-inputGroup class="w-full md:w-30rem">
     <p-inputGroupAddon>
         <i class="pi pi-clock"></i>
     </p-inputGroupAddon>
@@ -35,26 +50,11 @@ export class MultipleDoc {
     <p-inputGroupAddon>
         <i class="pi pi-star-fill"></i>
     </p-inputGroupAddon>
-
+    
     <input type="text" pInputText placeholder="Price" />
     <p-inputGroupAddon>$</p-inputGroupAddon>
     <p-inputGroupAddon>.00</p-inputGroupAddon>
-</p-inputGroup>`,
-
-        html: `<div class="card flex justify-content-center">
-    <p-inputGroup class="w-full md:w-30rem">
-        <p-inputGroupAddon>
-            <i class="pi pi-clock"></i>
-        </p-inputGroupAddon>
-
-        <p-inputGroupAddon>
-            <i class="pi pi-star-fill"></i>
-        </p-inputGroupAddon>
-
-        <input type="text" pInputText placeholder="Price" />
-        <p-inputGroupAddon>$</p-inputGroupAddon>
-        <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
+</p-inputGroup>
 </div>`,
 
         typescript: `