Configure dynamic forms with Material Design field types. Provides all Material Design field types for use with provideDynamicForm.

Presentation

function withMaterialFields(
  config?: MaterialConfig | undefined,
): FieldTypeDefinitionsWithConfig;

Returns

FieldTypeDefinitionsWithConfig -

Array of field type definitions for Material Design components

Parameters

Name	Type	Description
config	`MaterialConfig \| undefined`	Optional global configuration for Material form fields

Example usage

// Application-level setup
import { ApplicationConfig } from '@angular/core';
import { provideDynamicForm } from '@ng-forge/dynamic-form';
import { withMaterialFields } from '@ng-forge/dynamic-form-material';

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

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