Form Renderer

Form Renderer builds backend-driven or config-driven forms from a FormConfig. It creates the Angular FormGroup, renders fields from elements, places them through layout, applies validators and cross validators, handles initialValue, visibleWhen, disabled state, and emits valueChanges, formSubmit, and initialized.

Use it when the backend or an admin configuration defines the form structure: dynamic settings, surveys, onboarding schemas, profile or config forms, CMS forms, tenant-specific forms, and feature-specific forms. Do not use it for normal static forms where fields are known in Angular code; build those manually with Tailwind grid/flex layout and one ngs-form-field per control.

The NgStarter Angular Form Renderer component lets you render backend-driven or config-driven forms from a FormConfig. Use when the backend or an admin configuration defines the form structure: dynamic settings, surveys, onboarding schemas, profile or config forms, CMS forms, tenant-specific forms, and feature-specific forms where fields can change without editing the Angular template. It includes examples for Basic form renderer.

Basic form renderer

Use Form Renderer when a form is described by configuration, often from a backend. Pass a FormConfig, optional initial values, and handle submit or value changes from the generated form.

Form Renderer

Basic form renderer

New User Registration