mofron is module based frontend framework.
frame component for mofron
- default size is 1rem × 1rem
- frame size is includes border size
npm install mofron mofron-comp-frame
<setting>
<tag load="mofron-comp-frame">Frame</tag>
</setting>
<Frame size=(2rem,1.5rem) color="#f0e6fa"></Frame>
Short Form |
Parameter Name | Type | Description |
---|---|---|---|
mainColor | mixed (color) | string: background color name, #hex | |
array: [red, green, blue, (alpha)] | |||
key-value | style option | ||
accentColor | mixed (color) | string: border color name, #hex | |
array: [red, green, blue, (alpha)] | |||
radius | string (size) | radius effect value | |
shadow | string (size) | shadow value | |
borderWidth | string(size) | top border width | |
string(size) | right border width | ||
string(size) | bottom border width | ||
string(size) | left border width | ||
◯ | width | string (size) | frame width |
key-value | style option | ||
◯ | height | string (size) | frame height |
key-value | style option |