mofron-comp-input

mofron is module based frontend framework.

input component for mofron

This is component for form items.

Feature

• input text size is automatically changed when the height is changed.

Install

npm install mofron mofron-comp-input

Sample

<setting>
  <tag load="mofron-comp-input">Input</tag>
</setting>

<Input label="input:" horizon=true>componet</Input>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | ◯ | text | string | input text | | | | | undefined: call as getter | | | font | string | primary font name | | | | | undefined: call as getter | | | | string | secondary font name | | | value | string | input text | | | | | undefined: call as getter | | | maxlength | number | maximal length | | | | | undefined: call as getter | | | secret | boolean | true: secret mode (input text is displayed in hiding.) | | | | | false: normal mode | | | | | undefined: call as getter | | | mainColor | mixed (color) | string: text color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | | undefined: call as getter | | | | key-value | style option | | | accentColor | mixed (color) | string: border color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | | undefined: call as getter | | | | key-value | style option | | | clear | ||| | focus | boolean | true: focus input | | | | | false: defocus input | | | | | undefined: call as getter | | | height | string (size) | input height | | | | | undefined: call as getter | | | | key-value | style option | | | width | string (size) | input width | | | | | undefined: call as getter | | | | key-value | style option |