Installation

Install the package

npm i @nvs-dynamic-form/ng-core --save
# or
yarn add @nvs-dynamic-form/ng-core

Register NvsDynamicFormModule

To use the library, you need to register NvsDynamicFormModule.forRoot(...) and provide:

• a form field registry (formFields) that maps a field name to its component + model class
• a submit button component (submitButton) (with optional default options)

Example (Standalone Angular / app.config.ts):

app.config.ts

import { ApplicationConfig, importProvidersFrom } from '@angular/core';
import { provideRouter } from '@angular/router';

import { NvsDynamicFormModule } from '@nvs-dynamic-form/ng-core';

import { routes } from './app.routes';

// Your custom components
import { ButtonComponent } from './components/button/button.component';
import { TextboxComponent } from './components/fields/textbox/textbox.component';

// Your field model class
import { TextboxField } from './components/fields/textbox/textbox.type';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    importProvidersFrom(
      NvsDynamicFormModule.forRoot({
        formFields: {
          textbox: {
            component: TextboxComponent,
            class: TextboxField,
          },
        },
        submitButton: {
          component: ButtonComponent,
          defaultOptions: {
            label: 'Save',
            isFullWidth: true,
            position: 'center',
            visible: true,
          },
        },
      }),
    ),
  ],
};