readme

Author: martins-itc

README.md

@@ -4,6 +4,8 @@
 
 Angular component that allows the creation of dynamic forms. You can use this component in situations where you get the configuration for the form from an external API or if you just hate HTML 😀
 
+<img src="./form.png" alt="Angular dynamic form img">
+
 ## List of features
 
 > `UI Style` — for UI i used [PrimeNG](https://www.primefaces.org/primeng/#/) but you can use any Angular UI Library.

form.png

@@ -11,5 +11,9 @@ import { InputComponent } from './form-factory/components/form-fields/input/inpu
 @Component({
  selector: 'app-root',
  template: `<app-form-example></app-form-example>`,
+ styles: [`
+ ::ng-deep body{
+ padding: 2rem;
+ }`]
 })
 export class AppComponent {}

src/app/app.component.ts

@@ -34,7 +34,8 @@ import { fieldsFromApi } from './fields-from-api';
  [form]="formFactory.getFormGroup(exampleForm, 'dynamic')"
  [fields]="exampleFields"
  ></app-form-factory>
- <pre>{{ formOutput | json }}</pre>`,
+ <pre>{{ formOutput | json }}</pre>
+ `,
 })
 export class FormExampleComponent implements OnInit {
  exampleForm!: FormGroup;