@ng2-dynamic-forms/ui-material

Material UI package for ng2 Dynamic Forms

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
1,159122May 29, 2021Jun 1, 2016Minified + gzip package size for @ng2-dynamic-forms/ui-material in KB

Readme

ng2 Dynamic Forms Material UI

Installation

npm install @ng2-dynamic-forms/ui-material -S

Import

@NgModule({

    imports: [
        // ...
        ReactiveFormsModule,
        BrowserAnimationsModule,
        DynamicFormsCoreModule.forRoot(),
        DynamicFormsMaterialUIModule
    ]
})

export class AppModule {}

Usage

with DynamicMaterialFormComponent:

<form [formGroup]="myFormGroup">

    <dynamic-material-form [group]="myFormGroup"
                           [model]="myFormModel"></dynamic-material-form>
</form>

with DynamicMaterialFormControlComponent:

<form [formGroup]="myFormGroup">

    <dynamic-material-form-control *ngFor="let controlModel of myFormModel"
                                   [group]="myFormGroup"
                                   [model]="controlModel"></dynamic-material-form-control>
</form>

Form Controls

Control Model Required Property
Autocomplete DynamicInputModel list
Checkbox DynamicCheckboxModel
Checkbox Group DynamicCheckboxGroupModel
Datepicker DynamicDatePickerModel
Input DynamicInputModel
Radio Group DynamicRadioGroupModel
Select DynamicSelectModel
Slider DynamicSliderModel
SlideToggle DynamicSwitchModel
Textarea DynamicTextAreaModel

Sample

Live Demo

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.