Mofron-layout-relative NPM

mofron-layout-relative

mofron is module based frontend framework.

relative layout of mofron

Feature

components are placed offset by 'relative' style value

Install

npm install mofron mofron-layout-relative

Sample

<require>
    <tag module="mofron-comp-text">Text</tag>
    <tag module="mofron-layout-relative">Relat</tag>
</require>

<div layout=Relat:("top","0.2rem")>
    <Text>text 1</Text>
    <Text>text 2</Text>
    <Text>text 3</Text>
</div>

Parameter

ShortForm	Parameter Name	Type	Description
	contents	number	component index
		component	target component
◯	type	string	direction type "top"/"right"/"bottom"/"left"
	offset	string(size)	offset value
◯	value	string	same as 'offset' parameter
	multiple	boolean	true: offset value is multiples values to the component index
			false: offset value not multiples