@schemater/bootstrap v2.1.2

Collection of field's types for @schemater/core build on base of bootstrap

Input types

You can use input fields passing only type Input and ngModel (validation feedback is not working then)

<schemater-input-field type="text" [(ngModel)]="model"></schemater-input-field>

You can use alsoo use it with parent FormGroup (validation feedback is working). You can provide field: SchematerFieldConfig when field.id is formControlName or provide formControlName

<form [formGroup]="formGroup">
    <schemater-input-field type="text" formControlName="text"></schemater-input-field>

    <schemater-input-field [field]="{id: 'text', inputType: 'text', config: {placeholder: 'Placeholder for text'}}"></schemater-input-field>
</form>

text InputTextComponent

Config options:

• placeholder: string - placeholder for input

checkbox InputCheckboxComponent

select InputSelectComponent

Config options:

• options: {id:string|int, text:string}[] - options as array of 'id', 'text' object

textarea InputTextareaComponent

Config options:

• placeholder: string - placeholder for input
• rows: number - number of rows

password InputPasswordComponent

hidden InputHiddenComponent

int InputIntComponent

float InputFloatComponent

email InputEmailComponent

toggle InputToggleComponent

date InputDateComponent

Config options:

• placeholder: string - placeholder for input

datetime InputDatetimeComponent

Config options:

• placeholder: string - placeholder for input

array InputArrayComponent

Config options:

• field: SchematerFieldConfig - definition of field required

fields-array InputFieldsArrayComponent

Config options:

• fields: SchematerFieldConfig[] - table of fields required