CodeProps
interface
CodeProps
extends
ShapeProps
Properties
alignContent
Inherited from
ShapeProps.alignContent
alignItems
Inherited from
ShapeProps.alignItems
alignSelf
Inherited from
ShapeProps.alignSelf
antialiased
antialiased
?:
SignalValue
boolean
ShapeProps.antialiased
basis
Inherited from
ShapeProps.basis
bottom
bottom
?:
SignalValue
PossibleVector2
number
The position of the bottom edge of this node.
This shortcut property will set the node's position so that the bottom edgeends up in the given place.If present, overrides the
position
property.
ShapeProps.bottom
bottomLeft
bottomLeft
?:
SignalValue
PossibleVector2
number
The position of the bottom left corner of this node.
This shortcut property will set the node's position so that the bottom leftcorner ends up in the given place.If present, overrides the
position
property.
ShapeProps.bottomLeft
bottomRight
bottomRight
?:
SignalValue
PossibleVector2
number
The position of the bottom right corner of this node.
This shortcut property will set the node's position so that the bottomright corner ends up in the given place.If present, overrides the
position
property.
ShapeProps.bottomRight
cache
cache
?:
SignalValue
boolean
ShapeProps.cache
cachePadding
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
ShapeProps.cachePadding
cachePaddingBottom
cachePaddingBottom
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
ShapeProps.cachePaddingBottom
cachePaddingLeft
cachePaddingLeft
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
ShapeProps.cachePaddingLeft
cachePaddingRight
cachePaddingRight
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
ShapeProps.cachePaddingRight
cachePaddingTop
cachePaddingTop
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
ShapeProps.cachePaddingTop
children
Inherited from
ShapeProps.children
clip
clip
?:
SignalValue
boolean
ShapeProps.clip
code
The code to display.
columnGap
Inherited from
ShapeProps.columnGap
composite
composite
?:
SignalValue
boolean
ShapeProps.composite
compositeOperation
compositeOperation
?:
SignalValue
GlobalCompositeOperation
ShapeProps.compositeOperation
direction
Inherited from
ShapeProps.direction
drawHooks
drawHooks
?:
SignalValue
DrawHooks
Custom drawing logic for the code.
Check out
DrawHooks
for available render hooks.
fill
Inherited from
ShapeProps.fill
filters
filters
?:
SignalValue
Filter
[]
ShapeProps.filters
fontFamily
fontFamily
?:
SignalValue
string
ShapeProps.fontFamily
fontSize
fontSize
?:
SignalValue
number
ShapeProps.fontSize
fontStyle
fontStyle
?:
SignalValue
string
ShapeProps.fontStyle
fontWeight
fontWeight
?:
SignalValue
number
ShapeProps.fontWeight
gap
Inherited from
ShapeProps.gap
grow
grow
?:
SignalValue
number
ShapeProps.grow
height
Inherited from
ShapeProps.height
highlighter
highlighter
?:
SignalValue
null
CodeHighlighter
unknown
The code highlighter to use for this code node.
Defaults to a shared
LezerHighlighter
.
justifyContent
Inherited from
ShapeProps.justifyContent
key
key
?:
string
ShapeProps.key
layout
layout
?:
LayoutMode
ShapeProps.layout
left
left
?:
SignalValue
PossibleVector2
number
The position of the left edge of this node.
This shortcut property will set the node's position so that the left edgeends up in the given place.If present, overrides the
position
property.
ShapeProps.left
letterSpacing
letterSpacing
?:
SignalValue
number
ShapeProps.letterSpacing
lineCap
lineCap
?:
SignalValue
CanvasLineCap
ShapeProps.lineCap
lineDash
lineDash
?:
SignalValue
number
[]
ShapeProps.lineDash
lineDashOffset
lineDashOffset
?:
SignalValue
number
ShapeProps.lineDashOffset
lineHeight
Inherited from
ShapeProps.lineHeight
lineJoin
lineJoin
?:
SignalValue
CanvasLineJoin
ShapeProps.lineJoin
lineWidth
lineWidth
?:
SignalValue
number
ShapeProps.lineWidth
margin
Inherited from
ShapeProps.margin
marginBottom
marginBottom
?:
SignalValue
number
ShapeProps.marginBottom
marginLeft
marginLeft
?:
SignalValue
number
ShapeProps.marginLeft
marginRight
marginRight
?:
SignalValue
number
ShapeProps.marginRight
marginTop
marginTop
?:
SignalValue
number
ShapeProps.marginTop
maxHeight
Inherited from
ShapeProps.maxHeight
maxWidth
Inherited from
ShapeProps.maxWidth
middle
middle
?:
SignalValue
PossibleVector2
number
The position of the center of this node.
This shortcut property will set the node's position so that the center endsup in the given place.If present, overrides the
position
property.When
offset
is not set, this will be the same as the
position
.
ShapeProps.middle
minHeight
Inherited from
ShapeProps.minHeight
minWidth
Inherited from
ShapeProps.minWidth
offset
offset
?:
SignalValue
PossibleVector2
number
ShapeProps.offset
offsetX
offsetX
?:
SignalValue
number
ShapeProps.offsetX
offsetY
offsetY
?:
SignalValue
number
ShapeProps.offsetY
opacity
opacity
?:
SignalValue
number
ShapeProps.opacity
padding
Inherited from
ShapeProps.padding
paddingBottom
paddingBottom
?:
SignalValue
number
ShapeProps.paddingBottom
paddingLeft
paddingLeft
?:
SignalValue
number
ShapeProps.paddingLeft
paddingRight
paddingRight
?:
SignalValue
number
ShapeProps.paddingRight
paddingTop
paddingTop
?:
SignalValue
number
ShapeProps.paddingTop
position
position
?:
SignalValue
PossibleVector2
number
ShapeProps.position
ratio
ratio
?:
SignalValue
number
ShapeProps.ratio
ref
ref
?:
ReferenceReceiver
any
ShapeProps.ref
right
right
?:
SignalValue
PossibleVector2
number
The position of the right edge of this node.
This shortcut property will set the node's position so that the right edgeends up in the given place.If present, overrides the
position
property.
ShapeProps.right
rotation
rotation
?:
SignalValue
number
ShapeProps.rotation
rowGap
Inherited from
ShapeProps.rowGap
scale
scale
?:
SignalValue
PossibleVector2
number
ShapeProps.scale
scaleX
scaleX
?:
SignalValue
number
ShapeProps.scaleX
scaleY
scaleY
?:
SignalValue
number
ShapeProps.scaleY
selection
The currently selected code range.
Either a single
CodeRange
or an array of themdescribing which parts of the code should be visually emphasized.
You can use
word
and
lines
to quickly create ranges.
shaders
shaders
?:
PossibleShaderConfig
ShapeProps.shaders
shadowBlur
shadowBlur
?:
SignalValue
number
ShapeProps.shadowBlur
shadowColor
Inherited from
ShapeProps.shadowColor
shadowOffset
shadowOffset
?:
SignalValue
PossibleVector2
number
ShapeProps.shadowOffset
shadowOffsetX
shadowOffsetX
?:
SignalValue
number
ShapeProps.shadowOffsetX
shadowOffsetY
shadowOffsetY
?:
SignalValue
number
ShapeProps.shadowOffsetY
shrink
shrink
?:
SignalValue
number
ShapeProps.shrink
size
Inherited from
ShapeProps.size
skew
skew
?:
SignalValue
PossibleVector2
number
ShapeProps.skew
skewX
skewX
?:
SignalValue
number
ShapeProps.skewX
skewY
skewY
?:
SignalValue
number
ShapeProps.skewY
spawner
Deprecated
Use
children
instead.
ShapeProps.spawner
stroke
Inherited from
ShapeProps.stroke
strokeFirst
strokeFirst
?:
SignalValue
boolean
ShapeProps.strokeFirst
tagName
tagName
?:
keyof
HTMLElementTagNameMap
ShapeProps.tagName
textAlign
textAlign
?:
SignalValue
CanvasTextAlign
ShapeProps.textAlign
textDirection
textDirection
?:
SignalValue
CanvasDirection
ShapeProps.textDirection
textWrap
Inherited from
ShapeProps.textWrap
top
top
?:
SignalValue
PossibleVector2
number
The position of the top edge of this node.
This shortcut property will set the node's position so that the top edgeends up in the given place.If present, overrides the
position
property.
ShapeProps.top
topLeft
topLeft
?:
SignalValue
PossibleVector2
number
The position of the top left corner of this node.
This shortcut property will set the node's position so that the top leftcorner ends up in the given place.If present, overrides the
position
property.
ShapeProps.topLeft
topRight
topRight
?:
SignalValue
PossibleVector2
number
The position of the top right corner of this node.
This shortcut property will set the node's position so that the top rightcorner ends up in the given place.If present, overrides the
position
property.
ShapeProps.topRight
width
Inherited from
ShapeProps.width
wrap
Inherited from
ShapeProps.wrap
x
x
?:
SignalValue
number
ShapeProps.x
y
y
?:
SignalValue
number
ShapeProps.y
zIndex
zIndex
?:
SignalValue
number
ShapeProps.zIndex