diff --git a/src/app/showcase/doc/inputgroup/basicdoc.ts b/src/app/showcase/doc/inputgroup/basicdoc.ts
index cd3ede701fd..1eb5f409b07 100644
--- a/src/app/showcase/doc/inputgroup/basicdoc.ts
+++ b/src/app/showcase/doc/inputgroup/basicdoc.ts
@@ -24,55 +24,52 @@ import { Code } from '../../domain/code';
                 <input type="text" pInputText placeholder="Website" />
             </p-inputGroup>
         </div>
-        <app-code [code]="code" selector="inputgroup-basic-demo"></app-code>
+        <app-code [code]="code" selector="input-group-basic-demo"></app-code>
     `
 })
 export class BasicDoc {
     code: Code = {
-        basic: `
-    <p-inputGroup>
-     <p-inputGroupAddon>
-          <i class="pi pi-user"></i>
-     </p-inputGroupAddon>
-       <input pInputText placeholder="Username" />
-    </p-inputGroup>
-    <p-inputGroup class="p-inputgroup">
-     <p-inputGroupAddon>$</p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Price" />
-     <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
-    <p-inputGroup class="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>
+        basic: `<p-inputGroup>
     <p-inputGroupAddon>
-         <i class="pi pi-user"></i>
+        <i class="pi pi-user"></i>
     </p-inputGroupAddon>
-      <input pInputText placeholder="Username" />
-    </p-inputGroup>
-    <p-inputGroup class="p-inputgroup">
+    <input pInputText placeholder="Username" />
+</p-inputGroup>
+<p-inputGroup>
     <p-inputGroupAddon>$</p-inputGroupAddon>
-       <input type="text" pInputText placeholder="Price" />
+    <input type="text" pInputText placeholder="Price" />
     <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
-    <p-inputGroup class="p-inputgroup">
+</p-inputGroup>
+<p-inputGroup>
     <p-inputGroupAddon>www</p-inputGroupAddon>
-       <input type="text" pInputText placeholder="Website" />
+    <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>
-      </div>`,
+</div>`,
 
         typescript: `
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'inputgroup-basic-demo',
-    templateUrl: './inputgroup-basic-demo.html'
+    selector: 'input-group-basic-demo',
+    templateUrl: './input-group-basic-demo.html'
 })
-export class InputgroupBasicDemo {
-}`
+export class InputGroupBasicDemo { }`
     };
 }
diff --git a/src/app/showcase/doc/inputgroup/buttondoc.ts b/src/app/showcase/doc/inputgroup/buttondoc.ts
index f21a341f676..cc7aa2ece23 100644
--- a/src/app/showcase/doc/inputgroup/buttondoc.ts
+++ b/src/app/showcase/doc/inputgroup/buttondoc.ts
@@ -29,49 +29,47 @@ import { Code } from '../../domain/code';
 })
 export class ButtonDoc {
     code: Code = {
-        basic: `
- <p-inputGroup >
-     <button type="button" pButton label="Search"></button>
-     <input type="text" pInputText placeholder="Keyword" />
- </p-inputGroup>
+        basic: `<p-inputGroup>
+    <button type="button" pButton label="Search"></button>
+    <input type="text" pInputText placeholder="Keyword" />
+</p-inputGroup>
 
- <p-inputGroup>
-     <input type="text" pInputText placeholder="Keyword" />
-     <button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
- </p-inputGroup>
- 
- <p-inputGroup>
-     <button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
-     <input type="text" pInputText placeholder="Vote" />
-     <button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
- </p-inputGroup>`,
-        html: `
-<div class="card flex flex-column md:flex-row gap-3">
-   <p-inputGroup >
-   <button type="button" pButton label="Search"></button>
-   <input type="text" pInputText placeholder="Keyword" />
-   </p-inputGroup>
-   
-   <p-inputGroup>
-   <input type="text" pInputText placeholder="Keyword" />
-   <button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
-   </p-inputGroup>
-   
-   <p-inputGroup>
-   <button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
-   <input type="text" pInputText placeholder="Vote" />
-   <button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
-   </p-inputGroup>
+<p-inputGroup>
+    <input type="text" pInputText placeholder="Keyword" />
+    <button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
+</p-inputGroup>
+
+<p-inputGroup>
+    <button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
+    <input type="text" pInputText placeholder="Vote" />
+    <button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
+</p-inputGroup>`,
+        html: `<div class="card flex flex-column md:flex-row gap-3">
+    <p-inputGroup>
+        <button type="button" pButton label="Search"></button>
+        <input type="text" pInputText placeholder="Keyword" />
+    </p-inputGroup>
+
+    <p-inputGroup>
+        <input type="text" pInputText placeholder="Keyword" />
+        <button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
+    </p-inputGroup>
+
+    <p-inputGroup>
+        <button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
+        <input type="text" pInputText placeholder="Vote" />
+        <button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
+    </p-inputGroup>
 </div>`,
 
         typescript: `
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'inputgroup-button-demo',
-    templateUrl: './inputgroup-button-demo.html'
+    selector: 'input-group-button-demo',
+    templateUrl: './input-group-button-demo.html'
 })
-export class InputgroupButtonDemo {
+export class InputGroupButtonDemo {
 }`
     };
 }
diff --git a/src/app/showcase/doc/inputgroup/checkboxdoc.ts b/src/app/showcase/doc/inputgroup/checkboxdoc.ts
index 3ae878a74bf..01179558c45 100644
--- a/src/app/showcase/doc/inputgroup/checkboxdoc.ts
+++ b/src/app/showcase/doc/inputgroup/checkboxdoc.ts
@@ -24,7 +24,7 @@ import { Code } from '../../domain/code';
                 <p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
             </p-inputGroup>
         </div>
-        <app-code [code]="code" selector="inputgroup-checkbox-demo"></app-code>
+        <app-code [code]="code" selector="input-group-checkbox-demo"></app-code>
     `
 })
 export class CheckboxDoc {
@@ -35,45 +35,48 @@ export class CheckboxDoc {
     category: string | undefined;
 
     code: Code = {
-        basic: `
-<p-inputGroup>
-<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
-  <input type="text" pInputText placeholder="Username" />
-</p-inputGroup>
-<p-inputGroup>
-  <input type="text" pInputText placeholder="Price" />
-<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
+        basic: `<p-inputGroup>
+    <p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
+    <input type="text" pInputText placeholder="Username" />
 </p-inputGroup>
-<p-inputGroup>
-<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
-  <input type="text" pInputText placeholder="Website" />
-<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
-</p-inputGroup>`,
 
-        html: `
-<div class="card flex flex-column md:flex-row gap-3">
 <p-inputGroup>
-<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
-  <input type="text" pInputText placeholder="Username" />
-</p-inputGroup>
-<p-inputGroup>
-  <input type="text" pInputText placeholder="Price" />
-<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
+    <input type="text" pInputText placeholder="Price" />
+    <p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
 </p-inputGroup>
+
 <p-inputGroup>
-<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
-  <input type="text" pInputText placeholder="Website" />
-<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
+    <p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
+    <input type="text" pInputText placeholder="Website" />
+    <p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
 </p-inputGroup>`,
 
+        html: `<div class="card flex flex-column md:flex-row gap-3">
+    <p-inputGroup>
+        <p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
+        <input type="text" pInputText placeholder="Username" />
+    </p-inputGroup>
+
+    <p-inputGroup>
+        <input type="text" pInputText placeholder="Price" />
+        <p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
+    </p-inputGroup>
+
+    <p-inputGroup>
+        <p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
+        <input type="text" pInputText placeholder="Website" />
+        <p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
+    </p-inputGroup>
+</div>`,
+
         typescript: `
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'inputgroup-checkbox-demo',
-    templateUrl: './inputgroup-checkbox-demo.html'
+    selector: 'input-group-checkbox-demo',
+    templateUrl: './input-group-checkbox-demo.html'
 })
-export class InputgroupCheckboxDemo {
+export class InputGroupCheckboxDemo {
     checkbox1: boolean = false;
 
     checkbox2: boolean = false;
diff --git a/src/app/showcase/doc/inputgroup/multipledoc.ts b/src/app/showcase/doc/inputgroup/multipledoc.ts
index b9c11675670..11206cc0f9d 100644
--- a/src/app/showcase/doc/inputgroup/multipledoc.ts
+++ b/src/app/showcase/doc/inputgroup/multipledoc.ts
@@ -22,47 +22,49 @@ import { Code } from '../../domain/code';
                 <p-inputGroupAddon>.00</p-inputGroupAddon>
             </p-inputGroup>
         </div>
-        <app-code [code]="code" selector="inputgroup-multiple-demo"></app-code>
+        <app-code [code]="code" selector="input-group-multiple-demo"></app-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>`,
+        basic: `<p-inputGroup class="w-full md:w-30rem">
+    <p-inputGroupAddon>
+        <i class="pi pi-clock"></i>
+    </p-inputGroupAddon>
 
-        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-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>
 </div>`,
 
         typescript: `
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'inputgroup-multiple-demo',
-    templateUrl: './inputgroup-multiple-demo.html'
+    selector: 'input-group-multiple-demo',
+    templateUrl: './input-group-multiple-demo.html'
 })
-export class InputgroupMultipleDemo {
+export class InputGroupMultipleDemo {
 }`
     };
 }