API Docs for: 2.10.19
Show:

oreesh-input Class

Defined in: src/elements/oreesh-input/oreesh-input.html:2
Module: oreesh

Input

// Can be created dynamically
var input = new OreeshInput();


<!-- Or via HTML -->
<oreesh-input value="hello"></oreesh-dialog>

Attributes

auto-resize

Boolean

Defined in src/elements/oreesh-input/oreesh-input.html:14

Decide whether to resize text field automatically.

disabled

Boolean

Defined in src/elements/oreesh-input/oreesh-input.html:20

Disables the textfield from user interaction.

length-invalid

Boolean

Defined in src/elements/oreesh-input/oreesh-input.html:78

Read-only property representing the state of the value with respect to the min-length and max-length attributes.

max-length

Number

Defined in src/elements/oreesh-input/oreesh-input.html:66

You may specify the maximum length of the value of the oreesh-input. If the value's length is greater than the max-length, the invalid styling is applied, and the invalid-length attribute is set to true.

min-length

Number

Defined in src/elements/oreesh-input/oreesh-input.html:72

You may specify the minimum length of the value of the oreesh-input. If the value's length is less than the min-length, the invalid styling is applied, and the invalid-length attribute is set to true.

pattern

String

Defined in src/elements/oreesh-input/oreesh-input.html:45

A string representing a regualar expression. This is inteded for validating the value of the of the oreesh-input. The value of the oreesh-input is checked on every keyup event and keydown event; if the value doesn't match the pattern, the invalid styling is applied, and the pattern-invalid attribute is set to true.

Examples:

<!-- Only letters -->
                    <oreesh-input pattern="^[a-zA-Z]*$"></oreesh-input>
                    
                    <!-- Contains the substring 'tyler' -->
                    <oreesh-input pattern="tyler"></oreesh-input>

pattern-invalid

Boolean

Defined in src/elements/oreesh-input/oreesh-input.html:60

Read-only property representing the state of the value with respect to the pattern attribute.

placeholder

String

Defined in src/elements/oreesh-input/oreesh-input.html:33

Same as the HTML input placeholder attribute.

type

String

Defined in src/elements/oreesh-input/oreesh-input.html:26

Same as the HTML input type attribute. Default value is text.

Default: text

value

String

Defined in src/elements/oreesh-input/oreesh-input.html:39

The string value of the text field. Can be used to set an initial value, and always reflects the current value.