mofron-comp-text

mofron is module based frontend framework.

text component for mofron

Install

npm install mofron mofron-comp-text

Sample

<setting>
    <tag load="mofron-comp-text">Text</tag>
</setting>
<Text size="0.4rem" font="serif" space="0.1rem">text component</Text>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | ◯ | text | mixed | string: text value | | | | | undefined: call as getter | | | toString | ||| | size | mixed | string (size): text size | | | | | undefined: call as getter | | | | key-value | style option [not required] | | | height | mixed | string (size): text size | | | | | undefined: call as getter | | | | key-value | style option [not required] | | | mainColor | mixed (color) | string: color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | key-value | style option [not required] | | | font | mixed | string: font name (variable arguments) | | | | | undefined: call as getter | | | space | mixed | string(size): spacing size | | | | | undefined: call as getter | | | | key-value | style option [not required] | | | weight | mixed | number: thickness value [100-900] | | | | | null: delete thickness | | | | | undefined: call as getter | | | | key-value | style option [not required] |