TEXT INPUT
Management of tul text fields.
Table of Contents
Installation
npm i @tul/text-input --save
Usage
Html
<tul-text-editor></tul-text-editor>
<tul-text-email></tul-text-email>
<tul-text></tul-text>
<tul-text-area></tul-text-area>
<tul-text-ids></tul-text-ids>
Emitters
Inputs
@Input() placeholder: string = '';
@Input() data: string = '';
@Input() label: string;
@Input() required: boolean = false;
@Input() error: string;
@Input() disabled: boolean = false;
@Input() inputGroupStyles: { [key: string]: string };
@Input() suffixTemplate: TemplateRef<Element>;
@Input() prefixTemplate: TemplateRef<Element>;
@Input() addOnAfterTemplate: TemplateRef<Element>;
Outputs
@Output() modelChange = new EventEmitter<string>();
Models
Enums
export enum enums {}
Interfaces
export interface interface {}
ControlValueAccessor
Defines an interface that acts as a bridge between the Angular forms API and a native element in the DOM
this.form = this.formBuilder.group({
quantity: []
});
<form [formGroup]="form">
<tul-text [formControlName]="quantity"> </tul-text>
</form>
Release History
-
0.1.0
- Structure was created
Pizza Owner
Andres Felipe Chia Avila