ShapeProps

interface ShapeProps extends LayoutProps

Filters

• Protected members
• Inherited members

Extended by

• CodeProps
• CurveProps
• GridProps
• SVGProps
• TxtProps

Properties

alignContent

alignContent?: SignalValueFlexContent

Inherited from LayoutProps.alignContent

---

alignItems

alignItems?: SignalValueFlexItems

Inherited from LayoutProps.alignItems

---

alignSelf

alignSelf?: SignalValueFlexItems

Inherited from LayoutProps.alignSelf

---

antialiased

antialiased?: SignalValueboolean

---

basis

basis?: SignalValueFlexBasis

Inherited from LayoutProps.basis

---

bottom

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.

Inherited from LayoutProps.bottom

---

bottomLeft

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.

Inherited from LayoutProps.bottomLeft

---

bottomRight

bottomRight?: SignalValuePossibleVector2number

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

cache?: SignalValueboolean

Inherited from LayoutProps.cache

---

cachePadding

cachePadding?: SignalValuePossibleSpacing

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

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.

Inherited from LayoutProps.cachePaddingBottom

---

cachePaddingLeft

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.

Inherited from LayoutProps.cachePaddingLeft

---

cachePaddingRight

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.

Inherited from LayoutProps.cachePaddingRight

---

cachePaddingTop

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.

Inherited from LayoutProps.cachePaddingTop

---

children

children?: SignalValueComponentChildren

Inherited from LayoutProps.children

---

clip

clip?: SignalValueboolean

Inherited from LayoutProps.clip

---

columnGap

columnGap?: SignalValueLength

Inherited from LayoutProps.columnGap

---

composite

composite?: SignalValueboolean

Inherited from LayoutProps.composite

---

compositeOperation

compositeOperation?: SignalValueGlobalCompositeOperation

Inherited from LayoutProps.compositeOperation

---

direction

direction?: SignalValueFlexDirection

Inherited from LayoutProps.direction

---

fill

fill?: SignalValuePossibleCanvasStyle

---

filters

filters?: SignalValueFilter[]

Inherited from LayoutProps.filters

---

fontFamily

fontFamily?: SignalValuestring

Inherited from LayoutProps.fontFamily

---

fontSize

fontSize?: SignalValuenumber

Inherited from LayoutProps.fontSize

---

fontStyle

fontStyle?: SignalValuestring

Inherited from LayoutProps.fontStyle

---

fontWeight

fontWeight?: SignalValuenumber

Inherited from LayoutProps.fontWeight

---

gap

gap?: SignalValuePossibleVector2Length

Inherited from LayoutProps.gap

---

grow

grow?: SignalValuenumber

Inherited from LayoutProps.grow

---

height

height?: SignalValueLength

Inherited from LayoutProps.height

---

justifyContent

justifyContent?: SignalValueFlexContent

Inherited from LayoutProps.justifyContent

---

key

key?: string

Inherited from LayoutProps.key

---

layout

layout?: LayoutMode

Inherited from LayoutProps.layout

---

left

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.

Inherited from LayoutProps.left

---

letterSpacing

letterSpacing?: SignalValuenumber

Inherited from LayoutProps.letterSpacing

---

lineCap

lineCap?: SignalValueCanvasLineCap

---

lineDash

lineDash?: SignalValuenumber[]

---

lineDashOffset

lineDashOffset?: SignalValuenumber

---

lineHeight

lineHeight?: SignalValueLength

Inherited from LayoutProps.lineHeight

---

lineJoin

lineJoin?: SignalValueCanvasLineJoin

---

lineWidth

lineWidth?: SignalValuenumber

---

margin

margin?: SignalValuePossibleSpacing

Inherited from LayoutProps.margin

---

marginBottom

marginBottom?: SignalValuenumber

Inherited from LayoutProps.marginBottom

---

marginLeft

marginLeft?: SignalValuenumber

Inherited from LayoutProps.marginLeft

---

marginRight

marginRight?: SignalValuenumber

Inherited from LayoutProps.marginRight

---

marginTop

marginTop?: SignalValuenumber

Inherited from LayoutProps.marginTop

---

maxHeight

maxHeight?: SignalValueLengthLimit

Inherited from LayoutProps.maxHeight

---

maxWidth

maxWidth?: SignalValueLengthLimit

Inherited from LayoutProps.maxWidth

---

middle

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.

Inherited from LayoutProps.middle

---

minHeight

minHeight?: SignalValueLengthLimit

Inherited from LayoutProps.minHeight

---

minWidth

minWidth?: SignalValueLengthLimit

Inherited from LayoutProps.minWidth

---

offset

offset?: SignalValuePossibleVector2number

Inherited from LayoutProps.offset

---

offsetX

offsetX?: SignalValuenumber

Inherited from LayoutProps.offsetX

---

offsetY

offsetY?: SignalValuenumber

Inherited from LayoutProps.offsetY

---

opacity

opacity?: SignalValuenumber

Inherited from LayoutProps.opacity

---

padding

padding?: SignalValuePossibleSpacing

Inherited from LayoutProps.padding

---

paddingBottom

paddingBottom?: SignalValuenumber

Inherited from LayoutProps.paddingBottom

---

paddingLeft

paddingLeft?: SignalValuenumber

Inherited from LayoutProps.paddingLeft

---

paddingRight

paddingRight?: SignalValuenumber

Inherited from LayoutProps.paddingRight

---

paddingTop

paddingTop?: SignalValuenumber

Inherited from LayoutProps.paddingTop

---

position

position?: SignalValuePossibleVector2number

Inherited from LayoutProps.position

---

ratio

ratio?: SignalValuenumber

Inherited from LayoutProps.ratio

---

ref

ref?: ReferenceReceiverany

Inherited from LayoutProps.ref

---

right

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.

Inherited from LayoutProps.right

---

rotation

rotation?: SignalValuenumber

Inherited from LayoutProps.rotation

---

rowGap

rowGap?: SignalValueLength

Inherited from LayoutProps.rowGap

---

scale

scale?: SignalValuePossibleVector2number

Inherited from LayoutProps.scale

---

scaleX

scaleX?: SignalValuenumber

Inherited from LayoutProps.scaleX

---

scaleY

scaleY?: SignalValuenumber

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

shadowBlur?: SignalValuenumber

Inherited from LayoutProps.shadowBlur

---

shadowColor

shadowColor?: SignalValuePossibleColor

Inherited from LayoutProps.shadowColor

---

shadowOffset

shadowOffset?: SignalValuePossibleVector2number

Inherited from LayoutProps.shadowOffset

---

shadowOffsetX

shadowOffsetX?: SignalValuenumber

Inherited from LayoutProps.shadowOffsetX

---

shadowOffsetY

shadowOffsetY?: SignalValuenumber

Inherited from LayoutProps.shadowOffsetY

---

shrink

shrink?: SignalValuenumber

Inherited from LayoutProps.shrink

---

size

size?: SignalValuePossibleVector2Length

Inherited from LayoutProps.size

---

skew

skew?: SignalValuePossibleVector2number

Inherited from LayoutProps.skew

---

skewX

skewX?: SignalValuenumber

Inherited from LayoutProps.skewX

---

skewY

skewY?: SignalValuenumber

Inherited from LayoutProps.skewY

---

spawner

spawner?: SignalValueComponentChildren

Deprecated

Use children instead.

Inherited from LayoutProps.spawner

---

stroke

stroke?: SignalValuePossibleCanvasStyle

---

strokeFirst

strokeFirst?: SignalValueboolean

---

tagName

tagName?: keyof HTMLElementTagNameMap

Inherited from LayoutProps.tagName

---

textAlign

textAlign?: SignalValueCanvasTextAlign

Inherited from LayoutProps.textAlign

---

textDirection

textDirection?: SignalValueCanvasDirection

Inherited from LayoutProps.textDirection

---

textWrap

textWrap?: SignalValueTextWrap

Inherited from LayoutProps.textWrap

---

top

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.

Inherited from LayoutProps.top

---

topLeft

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.

Inherited from LayoutProps.topLeft

---

topRight

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.

Inherited from LayoutProps.topRight

---

width

width?: SignalValueLength

Inherited from LayoutProps.width

---

wrap

wrap?: SignalValueFlexWrap

Inherited from LayoutProps.wrap

---

x

x?: SignalValuenumber

Inherited from LayoutProps.x

---

y

y?: SignalValuenumber

Inherited from LayoutProps.y

---

zIndex

zIndex?: SignalValuenumber

Inherited from LayoutProps.zIndex