mofron-comp-txtframe

mofron is module based frontend framework.

text frame component for mofron

text contents in the frame component.

Feature

• text is automatically centered
• center position can select vertical or horizonal by center parameter

Install

npm install mofron mofron-comp-txtframe

Sample

<setting>
    <tag load="mofron-comp-txtframe">TxtFrame</tag>
</setting>

<TxtFrame size=(2rem,1rem)>text frame</TxtFrame>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | ◯ | text | mixed | string: contents text | | | | | mofron-comp-text: contents component | | | | | undefined: call as getter | | | center | boolean | horizonal center position flag | | | | | undefined: call as getter | | | | boolean | vertical center position flag | | | | | undefined: call as getter | | | xCenter | boolean | true: text is centered horizontally (default) | | | | | false: text is not centered | | | yCenter | boolean | true: text is centered vertically (default) | | | | | false: text is not centered | | | mainColor | mixed (color) | string: color name, #hex | | | | | array: [red, green, blue, alpha] | | | | option | style option |