GridProps
interface GridProps extends ShapeProps
Properties​
alignContent​
Inherited from ShapeProps.alignContentalignItems​
Inherited from ShapeProps.alignItemsalignSelf​
Inherited from ShapeProps.alignSelfantialiased​
antialiased?: SignalValueboolean
ShapeProps.antialiasedbasis​
Inherited from ShapeProps.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.
ShapeProps.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.
ShapeProps.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.
ShapeProps.bottomRightcache​
cache?: SignalValueboolean
ShapeProps.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.
ShapeProps.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.
ShapeProps.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.
ShapeProps.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.
ShapeProps.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.
ShapeProps.cachePaddingTopchildren​
Inherited from ShapeProps.childrenclip​
clip?: SignalValueboolean
ShapeProps.clipcolumnGap​
Inherited from ShapeProps.columnGapcomposite​
composite?: SignalValueboolean
ShapeProps.compositecompositeOperation​
compositeOperation?: SignalValueGlobalCompositeOperation
ShapeProps.compositeOperationdirection​
Inherited from ShapeProps.directionend​
end?: SignalValuenumber
The percentage that should be clipped from the end of each grid line.
The portion of each grid line that comes after the given percentage will be made invisible.
This property is useful for animating the grid appearing on-screen.
fill​
Inherited from ShapeProps.fillfilters​
Inherited from ShapeProps.filtersfontFamily​
fontFamily?: SignalValuestring
ShapeProps.fontFamilyfontSize​
fontSize?: SignalValuenumber
ShapeProps.fontSizefontStyle​
fontStyle?: SignalValuestring
ShapeProps.fontStylefontWeight​
fontWeight?: SignalValuenumber
ShapeProps.fontWeightgap​
Inherited from ShapeProps.gapgrow​
grow?: SignalValuenumber
ShapeProps.growheight​
Inherited from ShapeProps.heightjustifyContent​
Inherited from ShapeProps.justifyContentkey​
key?: string
ShapeProps.keylayout​
Inherited from ShapeProps.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.
ShapeProps.leftletterSpacing​
letterSpacing?: SignalValuenumber
ShapeProps.letterSpacinglineCap​
lineCap?: SignalValueCanvasLineCap
ShapeProps.lineCaplineDash​
lineDash?: SignalValuenumber[]
ShapeProps.lineDashlineDashOffset​
lineDashOffset?: SignalValuenumber
ShapeProps.lineDashOffsetlineHeight​
Inherited from ShapeProps.lineHeightlineJoin​
lineJoin?: SignalValueCanvasLineJoin
ShapeProps.lineJoinlineWidth​
lineWidth?: SignalValuenumber
ShapeProps.lineWidthmargin​
Inherited from ShapeProps.marginmarginBottom​
marginBottom?: SignalValuenumber
ShapeProps.marginBottommarginLeft​
marginLeft?: SignalValuenumber
ShapeProps.marginLeftmarginRight​
marginRight?: SignalValuenumber
ShapeProps.marginRightmarginTop​
marginTop?: SignalValuenumber
ShapeProps.marginTopmaxHeight​
Inherited from ShapeProps.maxHeightmaxWidth​
Inherited from ShapeProps.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.
ShapeProps.middleminHeight​
Inherited from ShapeProps.minHeightminWidth​
Inherited from ShapeProps.minWidthoffset​
offset?: SignalValuePossibleVector2number
ShapeProps.offsetoffsetX​
offsetX?: SignalValuenumber
ShapeProps.offsetXoffsetY​
offsetY?: SignalValuenumber
ShapeProps.offsetYopacity​
opacity?: SignalValuenumber
ShapeProps.opacitypadding​
Inherited from ShapeProps.paddingpaddingBottom​
paddingBottom?: SignalValuenumber
ShapeProps.paddingBottompaddingLeft​
paddingLeft?: SignalValuenumber
ShapeProps.paddingLeftpaddingRight​
paddingRight?: SignalValuenumber
ShapeProps.paddingRightpaddingTop​
paddingTop?: SignalValuenumber
ShapeProps.paddingTopposition​
position?: SignalValuePossibleVector2number
ShapeProps.positionratio​
ratio?: SignalValuenumber
ShapeProps.ratioref​
ref?: ReferenceReceiverany
ShapeProps.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.
ShapeProps.rightrotation​
rotation?: SignalValuenumber
ShapeProps.rotationrowGap​
Inherited from ShapeProps.rowGapscale​
scale?: SignalValuePossibleVector2number
ShapeProps.scalescaleX​
scaleX?: SignalValuenumber
ShapeProps.scaleXscaleY​
scaleY?: SignalValuenumber
ShapeProps.scaleYshaders​
shaders?: PossibleShaderConfig
ShapeProps.shadersshadowBlur​
shadowBlur?: SignalValuenumber
ShapeProps.shadowBlurshadowColor​
Inherited from ShapeProps.shadowColorshadowOffset​
Inherited from ShapeProps.shadowOffsetshadowOffsetX​
shadowOffsetX?: SignalValuenumber
ShapeProps.shadowOffsetXshadowOffsetY​
shadowOffsetY?: SignalValuenumber
ShapeProps.shadowOffsetYshrink​
shrink?: SignalValuenumber
ShapeProps.shrinksize​
Inherited from ShapeProps.sizeskew​
skew?: SignalValuePossibleVector2number
ShapeProps.skewskewX​
skewX?: SignalValuenumber
ShapeProps.skewXskewY​
skewY?: SignalValuenumber
ShapeProps.skewYspacing​
spacing?: SignalValuePossibleVector2number
The spacing between the grid lines.
spawner​
Deprecated
Use children instead.
ShapeProps.spawnerstart​
start?: SignalValuenumber
The percentage that should be clipped from the beginning of each grid line.
The portion of each grid line that comes before the given percentage will be made invisible.
This property is useful for animating the grid appearing on-screen.
stroke​
Inherited from ShapeProps.strokestrokeFirst​
strokeFirst?: SignalValueboolean
ShapeProps.strokeFirsttagName​
tagName?: keyof HTMLElementTagNameMap
ShapeProps.tagNametextAlign​
textAlign?: SignalValueCanvasTextAlign
ShapeProps.textAligntextDirection​
textDirection?: SignalValueCanvasDirection
ShapeProps.textDirectiontextWrap​
Inherited from ShapeProps.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.
ShapeProps.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.
ShapeProps.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.
ShapeProps.topRightwidth​
Inherited from ShapeProps.widthwrap​
Inherited from ShapeProps.wrapx​
x?: SignalValuenumber
ShapeProps.xy​
y?: SignalValuenumber
ShapeProps.yzIndex​
zIndex?: SignalValuenumber
ShapeProps.zIndex