floatlabel | style doc added

primefaces · Feb 28, 2024 · 32bc93e · 32bc93e
1 parent 0080b80
commit 32bc93e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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',