NG Dynamic Forms Material UI

Installation

``
npm i @ng-dynamic-forms/ui-material -S
`

Import

`ts
@NgModule({

imports: [DynamicFormsMaterialUIModule]
})

export class AppModule {}
`

Usage

with DynamicMaterialFormComponent:
`ts


[model]="myFormModel">

`

with DynamicMaterialFormControlComponent:
`ts


[group]="myFormGroup"
[model]="controlModel">

`

Form Controls

| Control | Model | Required Property |
|:---------------------------------------------------------------------------------: |:---------------------------: |:-----------------: |
| Autocomplete | DynamicInputModel | list |
| Checkbox | DynamicCheckboxModel | – |
| Checkbox Group | DynamicCheckboxGroupModel | – |
| Chips | DynamicInputModel | multiple: true |
| Datepicker | DynamicDatePickerModel | – |
| Input | DynamicInputModel | – |
| Radio Group | DynamicRadioGroupModel | – |
| Select | DynamicSelectModel | – |
| Slider | DynamicSliderModel | – |
| SlideToggle | DynamicSwitchModel | – |
| Textarea | DynamicTextAreaModel | – |

Custom UI Events


`ts

[model]="myFormModel"
(matEvent)="onMatEvent($event)">

``

Resources

* API Documentation
* Live Sample