mofron is module based frontend framework.
synchronize width of target component and width of effect component
npm install mofron mofron-effect-syncwid
<setting>
<tag load="mofron-comp-frame">Frame</tag>
<tag load="mofron-comp-button">Button</tag>
<tag load="mofron-effect-syncwid">SyncWid</tag>
</setting>
<Frame name=frame width=2.5rem>
<Button effect=SyncWid:(@frame,-0.02rem)>SyncWid effect</Button>
</Frame>| Short Form |
Parameter Name | Type | Description |
|---|---|---|---|
| ◯ | targetComp | Component | target component |
| undefined: call as getter | |||
| ◯ | offset | string(size) | offset value (default is '0rem') |
| undefined: call as getter |