Function

withMaterialFields

@ng-forge/dynamic-forms-material

Configure dynamic forms with Material Design field types, with Material-shipped addon kinds (mat-icon, mat-button) auto-included so addons work out of the box.

If you want field types WITHOUT addons (rare), pass them through provideDynamicForm directly and skip this helper. If you want addons WITHOUT the field types (also rare), call withMaterialAddons() standalone.

Signature

function withMaterialFields(): [...FieldTypeDefinition<any>[], MaterialAddonsFeature]

Returns

[...FieldTypeDefinition<any>[], MaterialAddonsFeature]

Examples

// Application-level setup — addons (mat-icon, mat-button) ship in automatically
import { ApplicationConfig } from '@angular/core';
import { provideDynamicForm } from '@ng-forge/dynamic-forms';
import { withMaterialFields } from '@ng-forge/dynamic-forms-material';

export const appConfig: ApplicationConfig = {
  providers: [
    provideDynamicForm(...withMaterialFields())
  ]
};

// With global configuration
export const appConfig: ApplicationConfig = {
  providers: [
    provideDynamicForm(
      ...withMaterialFields({
        appearance: 'fill',
        subscriptSizing: 'fixed'
      })
    )
  ]
};

packages/dynamic-forms-material/src/lib/providers/material-providers.ts:69