{{ target: partial-viewport }}
#${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 }}
#${prefix|default(“#”)} width(string|number) = ${defaultWidth|default(‘auto’)}
${componentName} The width of the view of the component.
#${prefix|default(“#”)} height(string|number) = ${defaultHeight|default(‘auto’)}
${componentName} The height of the view of the component.