diff --git a/src/views/uikit/formlayoutdoc.ts b/src/views/uikit/formlayoutdoc.ts new file mode 100644 index 0000000..ac1aa39 --- /dev/null +++ b/src/views/uikit/formlayoutdoc.ts @@ -0,0 +1,129 @@ +import { Component } from '@angular/core'; +import {FluidModule} from "primeng/fluid"; +import {InputTextModule} from "primeng/inputtext"; +import {ButtonModule} from "primeng/button"; +import {SelectModule} from "primeng/select"; +import {FormsModule} from "@angular/forms"; +import {TextareaModule} from "primeng/textarea"; + +@Component({ + standalone: true, + imports: [InputTextModule, FluidModule, ButtonModule, SelectModule, FormsModule, TextareaModule], + template:` +
+
+
+
Vertical
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
Vertical Grid
+
+
+ + +
+
+ + +
+
+
+
+
+
+
Horizontal
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+
Inline
+
+
+ + +
+
+ + +
+ +
+
+
+
Help Text
+
+ + + Enter your username to reset your password. +
+
+
+
+ +
+
+
Advanced
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+
+
+ `, +}) +export class FormLayoutDoc { + dropdownItems = [ + { name: 'Option 1', code: 'Option 1' }, + { name: 'Option 2', code: 'Option 2' }, + { name: 'Option 3', code: 'Option 3' } + ]; + + dropdownItem = null; + +}