Build Dynamic Forms with JSON Configuration

import { NgModule } from '@angular/core';
import { MatDynamicFormModule } from 'mat-dynamic-form';

@NgModule({
  imports: [
    MatDynamicFormModule
  ]
})
export class AppModule { }

import { Component } from '@angular/core';
import { FormStructure, Input, Button } from 'mat-dynamic-form';

@Component({
  selector: 'app-demo',
  template: '<mat-dynamic-form [structure]="formStructure"></mat-dynamic-form>'
})
export class DemoComponent {
  formStructure = new FormStructure();

  constructor() {
    this.formStructure.title = 'Contact Form';
    this.formStructure.nodes = [
      new Input('name', 'Name'),
      new Input('email', 'Email')
    ];
    this.formStructure.validateActions = [
      new Button('submit', 'Submit', {
        onEvent: (e) => console.log(e.structure.getValue())
      })
    ];
  }
}