{{target: partial-rect-layout}}

{{if: !${noZ} }} {{ use: partial-z-zlevel( prefix=${prefix}, defaultZLevel=${defaultZLevel}, defaultZ=${defaultZ} ) }} {{/if}}

#${prefix|default(“#”)} left(string|number) = ${defaultLeft|default(“‘auto’”)}

Distance between ${componentName} component and the left side of the container.

left value can be instant pixel value like 20; it can also be a percentage value relative to container width like '20%'; and it can also be 'left', 'center', or 'right'.

If the left value is set to be 'left', 'center', or 'right', then the component will be aligned automatically based on position.

#${prefix|default(“#”)} top(string|number) = ${defaultTop|default(“‘auto’”)}

Distance between ${componentName} component and the top side of the container.

top value can be instant pixel value like 20; it can also be a percentage value relative to container width like '20%'; and it can also be 'top', 'middle', or 'bottom'.

If the left value is set to be 'top', 'middle', or 'bottom', then the component will be aligned automatically based on position.

#${prefix|default(“#”)} right(string|number) = ${defaultRight|default(“‘auto’”)}

Distance between ${componentName} component and the right side of the container.

right value can be instant pixel value like 20; it can also be a percentage value relative to container width like '20%'.

{{ if: !${defaultRight} }}Adaptive by default.{{ /if }}

#${prefix|default(“#”)} bottom(string|number) = ${defaultBottom|default(“‘auto’”)}

Distance between ${componentName} component and the bottom side of the container.

bottom value can be instant pixel value like 20; it can also be a percentage value relative to container width like '20%'.

{{ if: !${defaultBottom} }}Adaptive by default.{{ /if }}