@tul/text-input

> Management of tul text fields.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@tul/text-input
0.0.102 months ago2 years agoMinified + gzip package size for @tul/text-input in KB

Readme

TEXT INPUT
Management of tul text fields.

tul logo



npm
slack logo
npm

Table of Contents

- Emitters - Inputs - Outputs - Models
- [Enums](#enums)
- [Interfaces](#interfaces)

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