@ng2-dynamic-forms/ui-foundation

Foundation UI package for ng2 Dynamic Forms

Stats

StarsIssuesVersionUpdatedCreatedSize
@ng2-dynamic-forms/ui-foundation
1.4.314 years ago5 years agoMinified + gzip package size for @ng2-dynamic-forms/ui-foundation in KB

Readme

ng2 Dynamic Forms Foundation UI

Installation

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

Import

@NgModule({

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

export class AppModule {}

Usage

with DynamicFoundationFormComponent:

<form [formGroup]="myFormGroup">

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

with DynamicFoundationFormControlComponent:

<form [formGroup]="myFormGroup">

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

Form Controls

Control Model Required Property
Checkbox DynamicCheckboxModel
Checkbox Group DynamicCheckboxGroupModel
Input DynamicInputModel
Radio Group DynamicRadioGroupModel
Select DynamicSelectModel
Switch 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.