From 32bc93ead08a350f15b08c18902396456fbb4c92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20=C3=87etin?=
 <92744169+mehmetcetin01140@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:35:31 +0300
Subject: [PATCH] floatlabel | style doc added

---
 .../doc/floatlabel/floatlabeldoc.module.ts    |  4 +--
 src/app/showcase/doc/floatlabel/styledoc.ts   | 27 +++++++++++++++++++
 .../pages/floatlabel/floatlabeldemo.ts        |  8 +++++-
 3 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 src/app/showcase/doc/floatlabel/styledoc.ts

diff --git a/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts b/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts
index 4e0c4749ab7..7dd5ce0f54a 100644
--- a/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts
+++ b/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts
@@ -9,10 +9,10 @@ import { ImportDoc } from './importdoc';
 import { FloatLabelModule } from 'primeng/floatlabel';
 import { InputTextModule } from 'primeng/inputtext';
 import { AccessibilityDoc } from './accessibilitydoc';
-
+import { StyleDoc } from './styledoc';
 @NgModule({
     imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, FloatLabelModule, InputTextModule],
-    declarations: [BasicDoc, ImportDoc, AccessibilityDoc],
+    declarations: [BasicDoc, ImportDoc, StyleDoc, AccessibilityDoc],
     exports: [AppDocModule]
 })
 export class FloatLabelDocModule {}
diff --git a/src/app/showcase/doc/floatlabel/styledoc.ts b/src/app/showcase/doc/floatlabel/styledoc.ts
new file mode 100644
index 00000000000..aa6a7288d0b
--- /dev/null
+++ b/src/app/showcase/doc/floatlabel/styledoc.ts
@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'style-doc',
+    template: `
+        <app-docsectiontext>
+            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
+        </app-docsectiontext>
+        <div class="doc-tablewrapper">
+            <table class="doc-table">
+                <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Element</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>p-float-label</td>
+                        <td>Float label element.</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    `
+})
+export class StyleDoc {}
diff --git a/src/app/showcase/pages/floatlabel/floatlabeldemo.ts b/src/app/showcase/pages/floatlabel/floatlabeldemo.ts
index 8bcbdd92a69..7f1ebde2750 100755
--- a/src/app/showcase/pages/floatlabel/floatlabeldemo.ts
+++ b/src/app/showcase/pages/floatlabel/floatlabeldemo.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
-import { BasicDoc } from '../../doc/floatlabel/basicdoc';
 import { ImportDoc } from '../../doc/floatlabel/importdoc';
+import { BasicDoc } from '../../doc/floatlabel/basicdoc';
+import { StyleDoc } from '../../doc/floatlabel/styledoc';
 import { AccessibilityDoc } from '../../doc/floatlabel/accessibilitydoc';
 @Component({
     templateUrl: './floatlabeldemo.html'
@@ -17,6 +18,11 @@ export class FloatLabelDemo {
             label: 'Basic',
             component: BasicDoc
         },
+        {
+            id: 'style',
+            label: 'Style',
+            component: StyleDoc
+        },
         {
             id: 'accessibility',
             label: 'Accessibility',