@zentek/textfield NPM

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, email.
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

`TextfieldZenCustomElement` Properties and Methods

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.