packages/ecl/components/ecl-text-input/ecl-text-input.directive.ts
Directive, to be used with the HTMl element text . Adds ECL compliant styling.
| Selector | input[eclTextInput] |
Methods |
Inputs |
HostBindings |
Accessors |
| eclSize |
Type : string
|
Default value : 'm'
|
|
The size of the input width. Can be 's', 'm' or 'l'. Default value is 'm'. |
| isInvalid |
Type : boolean
|
Default value : false
|
| type |
Type : string
|
Default value : 'text'
|
|
This directive should be used with the input type 'text'. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Adds ECL classes for the component. |
| class.ecl-text-input--invalid |
Type : boolean
|
|
Adds 'ecl-text-input--invalid' class, depending on the invalid status of the component. |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| cssClasses |
getcssClasses()
|
|
Adds ECL classes for the component.
Returns :
string
|
| invalidState |
getinvalidState()
|
|
Adds 'ecl-text-input--invalid' class, depending on the invalid status of the component.
Returns :
boolean
|