LayoutProps
interface LayoutProps extends NodeProps
Extended by
Properties​
alignContent​
alignItems​
alignSelf​
basis​
bottom​
bottom?: SignalValuePossibleVector2number
The position of the bottom edge of this node.
This shortcut property will set the node's position so that the bottom edge
ends up in the given place.
If present, overrides the position property.
bottomLeft​
bottomLeft?: SignalValuePossibleVector2number
The position of the bottom left corner of this node.
This shortcut property will set the node's position so that the bottom left
corner ends up in the given place.
If present, overrides the position property.
bottomRight​
The position of the bottom right corner of this node.
This shortcut property will set the node's position so that the bottom
right corner ends up in the given place.
If present, overrides the position property.
cache​
cache?: SignalValueboolean
NodeProps.cachecachePadding​
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
NodeProps.cachePaddingcachePaddingBottom​
cachePaddingBottom?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
NodeProps.cachePaddingBottomcachePaddingLeft​
cachePaddingLeft?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
NodeProps.cachePaddingLeftcachePaddingRight​
cachePaddingRight?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
NodeProps.cachePaddingRightcachePaddingTop​
cachePaddingTop?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
NodeProps.cachePaddingTopchildren​
Inherited from NodeProps.childrenclip​
clip?: SignalValueboolean
columnGap​
composite​
composite?: SignalValueboolean
NodeProps.compositecompositeOperation​
compositeOperation?: SignalValueGlobalCompositeOperation
NodeProps.compositeOperationdirection​
filters​
Inherited from NodeProps.filtersfontFamily​
fontFamily?: SignalValuestring
fontSize​
fontSize?: SignalValuenumber
fontStyle​
fontStyle?: SignalValuestring
fontWeight​
fontWeight?: SignalValuenumber
gap​
grow​
grow?: SignalValuenumber
height​
justifyContent​
key​
key?: string
NodeProps.keylayout​
left​
left?: SignalValuePossibleVector2number
The position of the left edge of this node.
This shortcut property will set the node's position so that the left edge
ends up in the given place.
If present, overrides the position property.
letterSpacing​
letterSpacing?: SignalValuenumber
lineHeight​
margin​
marginBottom​
marginBottom?: SignalValuenumber
marginLeft​
marginLeft?: SignalValuenumber
marginRight​
marginRight?: SignalValuenumber
marginTop​
marginTop?: SignalValuenumber
maxHeight​
maxWidth​
middle​
middle?: SignalValuePossibleVector2number
The position of the center of this node.
This shortcut property will set the node's position so that the center ends
up in the given place.
If present, overrides the position property.
When offset is not set, this will be the same as the
position.
minHeight​
minWidth​
offset​
offset?: SignalValuePossibleVector2number
offsetX​
offsetX?: SignalValuenumber
offsetY​
offsetY?: SignalValuenumber
opacity​
opacity?: SignalValuenumber
NodeProps.opacitypadding​
paddingBottom​
paddingBottom?: SignalValuenumber
paddingLeft​
paddingLeft?: SignalValuenumber
paddingRight​
paddingRight?: SignalValuenumber
paddingTop​
paddingTop?: SignalValuenumber
position​
position?: SignalValuePossibleVector2number
NodeProps.positionratio​
ratio?: SignalValuenumber
ref​
ref?: ReferenceReceiverany
NodeProps.refright​
right?: SignalValuePossibleVector2number
The position of the right edge of this node.
This shortcut property will set the node's position so that the right edge
ends up in the given place.
If present, overrides the position property.
rotation​
rotation?: SignalValuenumber
NodeProps.rotationrowGap​
scale​
scale?: SignalValuePossibleVector2number
NodeProps.scalescaleX​
scaleX?: SignalValuenumber
NodeProps.scaleXscaleY​
scaleY?: SignalValuenumber
NodeProps.scaleYshaders​
shaders?: PossibleShaderConfig
NodeProps.shadersshadowBlur​
shadowBlur?: SignalValuenumber
NodeProps.shadowBlurshadowColor​
Inherited from NodeProps.shadowColorshadowOffset​
Inherited from NodeProps.shadowOffsetshadowOffsetX​
shadowOffsetX?: SignalValuenumber
NodeProps.shadowOffsetXshadowOffsetY​
shadowOffsetY?: SignalValuenumber
NodeProps.shadowOffsetYshrink​
shrink?: SignalValuenumber
size​
skew​
skew?: SignalValuePossibleVector2number
NodeProps.skewskewX​
skewX?: SignalValuenumber
NodeProps.skewXskewY​
skewY?: SignalValuenumber
NodeProps.skewYspawner​
Deprecated
Use children instead.
NodeProps.spawnertagName​
tagName?: keyof HTMLElementTagNameMap
textAlign​
textAlign?: SignalValueCanvasTextAlign
textDirection​
textDirection?: SignalValueCanvasDirection
textWrap​
top​
top?: SignalValuePossibleVector2number
The position of the top edge of this node.
This shortcut property will set the node's position so that the top edge
ends up in the given place.
If present, overrides the position property.
topLeft​
topLeft?: SignalValuePossibleVector2number
The position of the top left corner of this node.
This shortcut property will set the node's position so that the top left
corner ends up in the given place.
If present, overrides the position property.
topRight​
topRight?: SignalValuePossibleVector2number
The position of the top right corner of this node.
This shortcut property will set the node's position so that the top right
corner ends up in the given place.
If present, overrides the position property.
width​
wrap​
x​
x?: SignalValuenumber
NodeProps.xy​
y?: SignalValuenumber
NodeProps.yzIndex​
zIndex?: SignalValuenumber
NodeProps.zIndex