Skip to main content

ShapeProps

interface ShapeProps extends LayoutProps

Extended by

Properties

alignContent

Inherited from LayoutProps.alignContent

alignItems

Inherited from LayoutProps.alignItems

alignSelf

Inherited from LayoutProps.alignSelf

antialiased


basis

Inherited from LayoutProps.basis

bottom

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.

Inherited from LayoutProps.bottom

bottomLeft

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.

Inherited from LayoutProps.bottomLeft

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.

Inherited from LayoutProps.bottomRight

cache

Inherited from LayoutProps.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 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.

Inherited from LayoutProps.cachePadding

cachePaddingBottom

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.

Inherited from LayoutProps.cachePaddingBottom

cachePaddingLeft

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.

Inherited from LayoutProps.cachePaddingLeft

cachePaddingRight

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.

Inherited from LayoutProps.cachePaddingRight

cachePaddingTop

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.

Inherited from LayoutProps.cachePaddingTop

children

Inherited from LayoutProps.children

clip

clip?: SignalValueboolean
Inherited from LayoutProps.clip

columnGap

Inherited from LayoutProps.columnGap

composite

Inherited from LayoutProps.composite

compositeOperation

compositeOperation?: SignalValueGlobalCompositeOperation
Inherited from LayoutProps.compositeOperation

direction

Inherited from LayoutProps.direction

fill


filters

Inherited from LayoutProps.filters

fontFamily

Inherited from LayoutProps.fontFamily

fontSize

Inherited from LayoutProps.fontSize

fontStyle

Inherited from LayoutProps.fontStyle

fontWeight

Inherited from LayoutProps.fontWeight

gap

Inherited from LayoutProps.gap

grow

Inherited from LayoutProps.grow

height

Inherited from LayoutProps.height

justifyContent

Inherited from LayoutProps.justifyContent

key

key?: string
Inherited from LayoutProps.key

layout

Inherited from LayoutProps.layout

left

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.

Inherited from LayoutProps.left

letterSpacing

Inherited from LayoutProps.letterSpacing

lineCap

lineCap?: SignalValueCanvasLineCap

lineDash


lineDashOffset


lineHeight

Inherited from LayoutProps.lineHeight

lineJoin

lineJoin?: SignalValueCanvasLineJoin

lineWidth


margin

Inherited from LayoutProps.margin

marginBottom

Inherited from LayoutProps.marginBottom

marginLeft

Inherited from LayoutProps.marginLeft

marginRight

Inherited from LayoutProps.marginRight

marginTop

Inherited from LayoutProps.marginTop

maxHeight

Inherited from LayoutProps.maxHeight

maxWidth

Inherited from LayoutProps.maxWidth

middle

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.

Inherited from LayoutProps.middle

minHeight

Inherited from LayoutProps.minHeight

minWidth

Inherited from LayoutProps.minWidth

offset

Inherited from LayoutProps.offset

offsetX

Inherited from LayoutProps.offsetX

offsetY

Inherited from LayoutProps.offsetY

opacity

Inherited from LayoutProps.opacity

padding

Inherited from LayoutProps.padding

paddingBottom

Inherited from LayoutProps.paddingBottom

paddingLeft

Inherited from LayoutProps.paddingLeft

paddingRight

Inherited from LayoutProps.paddingRight

paddingTop

Inherited from LayoutProps.paddingTop

position

Inherited from LayoutProps.position

ratio

Inherited from LayoutProps.ratio

ref

Inherited from LayoutProps.ref

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.

Inherited from LayoutProps.right

rotation

Inherited from LayoutProps.rotation

rowGap

Inherited from LayoutProps.rowGap

scale

Inherited from LayoutProps.scale

scaleX

Inherited from LayoutProps.scaleX

scaleY

Inherited from LayoutProps.scaleY

shaders

shaders?: PossibleShaderConfig
Experimental
This is an experimental feature. The behavior and API may change drastically between minor releases.
Inherited from LayoutProps.shaders

shadowBlur

Inherited from LayoutProps.shadowBlur

shadowColor

Inherited from LayoutProps.shadowColor

shadowOffset

Inherited from LayoutProps.shadowOffset

shadowOffsetX

Inherited from LayoutProps.shadowOffsetX

shadowOffsetY

Inherited from LayoutProps.shadowOffsetY

shrink

Inherited from LayoutProps.shrink

size

Inherited from LayoutProps.size

skew

Inherited from LayoutProps.skew

skewX

Inherited from LayoutProps.skewX

skewY

Inherited from LayoutProps.skewY

spawner

Deprecated

Use children instead.

Inherited from LayoutProps.spawner

stroke


strokeFirst


tagName

tagName?: keyof HTMLElementTagNameMap
Inherited from LayoutProps.tagName

textAlign

textAlign?: SignalValueCanvasTextAlign
Inherited from LayoutProps.textAlign

textDirection

textDirection?: SignalValueCanvasDirection
Inherited from LayoutProps.textDirection

textWrap

Inherited from LayoutProps.textWrap

top

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.

Inherited from LayoutProps.top

topLeft

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.

Inherited from LayoutProps.topLeft

topRight

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.

Inherited from LayoutProps.topRight

width

Inherited from LayoutProps.width

wrap

Inherited from LayoutProps.wrap

x

x?: SignalValuenumber
Inherited from LayoutProps.x

y

y?: SignalValuenumber
Inherited from LayoutProps.y

zIndex

Inherited from LayoutProps.zIndex