README
Textfield
Zentek aurelia.io MDC Component Textfield.
Installation
npm install @zentek/textfield
Basic Usage
HTML Structure
<textfield-zen
view-model.ref="_components.tfText"
value="Prefilled"
label="Textfeld"
type="text"
name="textfeld"
icon="account_box"
action="clear"
></textfield-zen>
NOTE: Text field type supports
text
,number
,password
,
Variants
Full Width
Full width text fields are useful for in-depth tasks or entering complex information.
<textfield-zen
class="pwa-wide">
</textfield-zen>
Style Customization
CSS Classes
Properties and Methods TextfieldZenCustomElement
Property | Value Type | Description |
---|---|---|
value |
String | Sets / returns the value attribute of the element. |
type |
String | Sets / returns the type attributeof the element. |
label |
String | Sets / returns the innerHTML of the |
name |
String | Sets / returns the name attribute of the element. |
identifier |
String, Number | Sets / returns the value of the element. |
icon |
String |
Sets / returns the icon string. |
action |
String |
Sets / returns the action string. |