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