0.2.1 • Published 1 year ago
mofron-comp-txtframe v0.2.1
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 |