@ng-dynamic-forms/ui-bootstrap

Bootstrap UI package for NG Dynamic Forms

Stats

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

Readme

NG Dynamic Forms Bootstrap UI

Installation

npm i @ng-dynamic-forms/ui-bootstrap -S

Import

@NgModule({

    imports: [DynamicFormsBootstrapUIModule]
})

export class AppModule {}

Usage

with DynamicBootstrapFormComponent:

<form [formGroup]="myFormGroup">

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

with DynamicBootstrapFormControlComponent:

<form [formGroup]="myFormGroup">

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

Form Controls

Control Model Required Property
Checkbox DynamicCheckboxModel
Checkbox Group DynamicCheckboxGroupModel
Datepicker DynamicDatePickerModel
Input DynamicInputModel
Radio Group DynamicRadioGroupModel
Select DynamicSelectModel
TextArea DynamicTextAreaModel
Timepicker DynamicTimePickerModel

Resources

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.