@zentek/textfield

Zentek Aurelia-MDC Component Textfield

Usage no npm install needed!

<script type="module">
  import zentekTextfield from 'https://cdn.skypack.dev/@zentek/textfield';
</script>

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