Skip to main content

LayoutProps

interface LayoutProps extends NodeProps

Extended by

ShapeProps

Properties

`alignContent`

alignContent?: SignalValueFlexContent

`alignItems`

alignItems?: SignalValueFlexItems

`alignSelf`

alignSelf?: SignalValueFlexItems

`basis`

basis?: SignalValueFlexBasis

`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.

`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.

`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.

`cache`

cache?: SignalValueboolean

Inherited from NodeProps.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 NodeProps.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 NodeProps.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 NodeProps.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 NodeProps.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 NodeProps.cachePaddingTop

`children`

children?: SignalValueComponentChildren

Inherited from NodeProps.children

`clip`

clip?: SignalValueboolean

`columnGap`

columnGap?: SignalValueLength

`composite`

composite?: SignalValueboolean

Inherited from NodeProps.composite

`compositeOperation`

compositeOperation?: SignalValueGlobalCompositeOperation

Inherited from NodeProps.compositeOperation

`direction`

direction?: SignalValueFlexDirection

`filters`

filters?: SignalValueFilter[]

Inherited from NodeProps.filters

`fontFamily`

fontFamily?: SignalValuestring

`fontSize`

fontSize?: SignalValuenumber

`fontStyle`

fontStyle?: SignalValuestring

`fontWeight`

fontWeight?: SignalValuenumber

`gap`

gap?: SignalValueLength

`grow`

grow?: SignalValuenumber

`height`

height?: SignalValueLength

`justifyContent`

justifyContent?: SignalValueFlexContent

`key`

key?: string

Inherited from NodeProps.key

`layout`

layout?: LayoutMode

`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.

`letterSpacing`

letterSpacing?: SignalValuenumber

`lineHeight`

lineHeight?: SignalValueLength

`margin`

margin?: SignalValuePossibleSpacing

`marginBottom`

marginBottom?: SignalValuenumber

`marginLeft`

marginLeft?: SignalValuenumber

`marginRight`

marginRight?: SignalValuenumber

`marginTop`

marginTop?: SignalValuenumber

`maxHeight`

maxHeight?: SignalValueLengthLimit

`maxWidth`

maxWidth?: SignalValueLengthLimit

`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.

`minHeight`

minHeight?: SignalValueLengthLimit

`minWidth`

minWidth?: SignalValueLengthLimit

`offset`

offset?: SignalValuePossibleVector2number

`offsetX`

offsetX?: SignalValuenumber

`offsetY`

offsetY?: SignalValuenumber

`opacity`

opacity?: SignalValuenumber

Inherited from NodeProps.opacity

`padding`

padding?: SignalValuePossibleSpacing

`paddingBottom`

paddingBottom?: SignalValuenumber

`paddingLeft`

paddingLeft?: SignalValuenumber

`paddingRight`

paddingRight?: SignalValuenumber

`paddingTop`

paddingTop?: SignalValuenumber

`position`

position?: SignalValuePossibleVector2number

Inherited from NodeProps.position

`ratio`

ratio?: SignalValuenumber

`ref`

ref?: ReferenceReceiverany

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

`rotation`

rotation?: SignalValuenumber

Inherited from NodeProps.rotation

`rowGap`

rowGap?: SignalValueLength

`scale`

scale?: SignalValuePossibleVector2number

Inherited from NodeProps.scale

`scaleX`

scaleX?: SignalValuenumber

Inherited from NodeProps.scaleX

`scaleY`

scaleY?: SignalValuenumber

Inherited from NodeProps.scaleY

`shaders`

shaders?: PossibleShaderConfig

Experimental

This is an experimental feature. The behavior and API may change drastically between minor releases.

Inherited from NodeProps.shaders

`shadowBlur`

shadowBlur?: SignalValuenumber

Inherited from NodeProps.shadowBlur

`shadowColor`

shadowColor?: SignalValuePossibleColor

Inherited from NodeProps.shadowColor

`shadowOffset`

shadowOffset?: SignalValuePossibleVector2number

Inherited from NodeProps.shadowOffset

`shadowOffsetX`

shadowOffsetX?: SignalValuenumber

Inherited from NodeProps.shadowOffsetX

`shadowOffsetY`

shadowOffsetY?: SignalValuenumber

Inherited from NodeProps.shadowOffsetY

`shrink`

shrink?: SignalValuenumber

`size`

size?: SignalValuePossibleVector2Length

`skew`

skew?: SignalValuePossibleVector2number

Inherited from NodeProps.skew

`skewX`

skewX?: SignalValuenumber

Inherited from NodeProps.skewX

`skewY`

skewY?: SignalValuenumber

Inherited from NodeProps.skewY

`spawner`

spawner?: SignalValueComponentChildren

Deprecated

Use children instead.

Inherited from NodeProps.spawner

`tagName`

tagName?: keyof HTMLElementTagNameMap

`textAlign`

textAlign?: SignalValueCanvasTextAlign

`textDirection`

textDirection?: SignalValueCanvasDirection

`textWrap`

textWrap?: SignalValueTextWrap

`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.

`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.

`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.

`width`

width?: SignalValueLength

`wrap`

wrap?: SignalValueFlexWrap

`x`

x?: SignalValuenumber

Inherited from NodeProps.x

`y`

y?: SignalValuenumber

Inherited from NodeProps.y

`zIndex`

zIndex?: SignalValuenumber

Inherited from NodeProps.zIndex