ShapeProps
interface ShapeProps extends LayoutProps
Extended by
Properties
alignContent
Inherited from LayoutProps.alignContentalignItems
Inherited from LayoutProps.alignItemsalignSelf
Inherited from LayoutProps.alignSelfantialiased
antialiased?: SignalValueboolean
basis
Inherited from LayoutProps.basisbottom
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.
LayoutProps.bottombottomLeft
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.
LayoutProps.bottomLeftbottomRight
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.
LayoutProps.bottomRightcache
cache?: SignalValueboolean
LayoutProps.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.
LayoutProps.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.
LayoutProps.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.
LayoutProps.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.
LayoutProps.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.
LayoutProps.cachePaddingTopchildren
Inherited from LayoutProps.childrenclip
clip?: SignalValueboolean
LayoutProps.clipcolumnGap
Inherited from LayoutProps.columnGapcomposite
composite?: SignalValueboolean
LayoutProps.compositecompositeOperation
compositeOperation?: SignalValueGlobalCompositeOperation
LayoutProps.compositeOperationdirection
Inherited from LayoutProps.directionfill
filters
Inherited from LayoutProps.filtersfontFamily
fontFamily?: SignalValuestring
LayoutProps.fontFamilyfontSize
fontSize?: SignalValuenumber
LayoutProps.fontSizefontStyle
fontStyle?: SignalValuestring
LayoutProps.fontStylefontWeight
fontWeight?: SignalValuenumber
LayoutProps.fontWeightgap
Inherited from LayoutProps.gapgrow
grow?: SignalValuenumber
LayoutProps.growheight
Inherited from LayoutProps.heightjustifyContent
Inherited from LayoutProps.justifyContentkey
key?: string
LayoutProps.keylayout
Inherited from LayoutProps.layoutleft
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.
LayoutProps.leftletterSpacing
letterSpacing?: SignalValuenumber
LayoutProps.letterSpacinglineCap
lineCap?: SignalValueCanvasLineCap
lineDash
lineDash?: SignalValuenumber[]
lineDashOffset
lineDashOffset?: SignalValuenumber
lineHeight
Inherited from LayoutProps.lineHeightlineJoin
lineJoin?: SignalValueCanvasLineJoin
lineWidth
lineWidth?: SignalValuenumber
margin
Inherited from LayoutProps.marginmarginBottom
marginBottom?: SignalValuenumber
LayoutProps.marginBottommarginLeft
marginLeft?: SignalValuenumber
LayoutProps.marginLeftmarginRight
marginRight?: SignalValuenumber
LayoutProps.marginRightmarginTop
marginTop?: SignalValuenumber
LayoutProps.marginTopmaxHeight
Inherited from LayoutProps.maxHeightmaxWidth
Inherited from LayoutProps.maxWidthmiddle
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.
LayoutProps.middleminHeight
Inherited from LayoutProps.minHeightminWidth
Inherited from LayoutProps.minWidthoffset
offset?: SignalValuePossibleVector2number
LayoutProps.offsetoffsetX
offsetX?: SignalValuenumber
LayoutProps.offsetXoffsetY
offsetY?: SignalValuenumber
LayoutProps.offsetYopacity
opacity?: SignalValuenumber
LayoutProps.opacitypadding
Inherited from LayoutProps.paddingpaddingBottom
paddingBottom?: SignalValuenumber
LayoutProps.paddingBottompaddingLeft
paddingLeft?: SignalValuenumber
LayoutProps.paddingLeftpaddingRight
paddingRight?: SignalValuenumber
LayoutProps.paddingRightpaddingTop
paddingTop?: SignalValuenumber
LayoutProps.paddingTopposition
position?: SignalValuePossibleVector2number
LayoutProps.positionratio
ratio?: SignalValuenumber
LayoutProps.ratioref
ref?: ReferenceReceiverany
LayoutProps.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.
LayoutProps.rightrotation
rotation?: SignalValuenumber
LayoutProps.rotationrowGap
Inherited from LayoutProps.rowGapscale
scale?: SignalValuePossibleVector2number
LayoutProps.scalescaleX
scaleX?: SignalValuenumber
LayoutProps.scaleXscaleY
scaleY?: SignalValuenumber
LayoutProps.scaleYshaders
shaders?: PossibleShaderConfig
LayoutProps.shadersshadowBlur
shadowBlur?: SignalValuenumber
LayoutProps.shadowBlurshadowColor
Inherited from LayoutProps.shadowColorshadowOffset
Inherited from LayoutProps.shadowOffsetshadowOffsetX
shadowOffsetX?: SignalValuenumber
LayoutProps.shadowOffsetXshadowOffsetY
shadowOffsetY?: SignalValuenumber
LayoutProps.shadowOffsetYshrink
shrink?: SignalValuenumber
LayoutProps.shrinksize
Inherited from LayoutProps.sizeskew
skew?: SignalValuePossibleVector2number
LayoutProps.skewskewX
skewX?: SignalValuenumber
LayoutProps.skewXskewY
skewY?: SignalValuenumber
LayoutProps.skewYspawner
Deprecated
Use children instead.
LayoutProps.spawnerstroke
strokeFirst
strokeFirst?: SignalValueboolean
tagName
tagName?: keyof HTMLElementTagNameMap
LayoutProps.tagNametextAlign
textAlign?: SignalValueCanvasTextAlign
LayoutProps.textAligntextDirection
textDirection?: SignalValueCanvasDirection
LayoutProps.textDirectiontextWrap
Inherited from LayoutProps.textWraptop
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.
LayoutProps.toptopLeft
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.
LayoutProps.topLefttopRight
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.
LayoutProps.topRightwidth
Inherited from LayoutProps.widthwrap
Inherited from LayoutProps.wrapx
x?: SignalValuenumber
LayoutProps.xy
y?: SignalValuenumber
LayoutProps.yzIndex
zIndex?: SignalValuenumber
LayoutProps.zIndex