This shortcut property will set the node’s position so that the bottom edge ends up in the given place. If present, overrides the NodeProps.position property.

bottomLeft?

optional bottomLeft?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:183

The position of the bottom left corner of this node.

Remarks

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 NodeProps.position property.

bottomRight?

optional bottomRight?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:192

The position of the bottom right corner of this node.

Remarks

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 NodeProps.position property.

cache?

optional cache?: SignalValue<boolean>

Defined in: 2d/src/lib/components/Node.ts:99

Inherited from

NodeProps.cache

cachePadding?

optional cachePadding?: SignalValue<PossibleSpacing>

Defined in: 2d/src/lib/components/Node.ts:119

Controls the padding of the cached canvas used by this node.

Remarks

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?

optional cachePaddingBottom?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:107

Controls the padding of the cached canvas used by this node.

Remarks

Inherited from

NodeProps.cachePaddingBottom

cachePaddingLeft?

optional cachePaddingLeft?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:111

Controls the padding of the cached canvas used by this node.

Remarks

Inherited from

NodeProps.cachePaddingLeft

cachePaddingRight?

optional cachePaddingRight?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:115

Controls the padding of the cached canvas used by this node.

Remarks

Inherited from

NodeProps.cachePaddingRight

cachePaddingTop?

optional cachePaddingTop?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:103

Controls the padding of the cached canvas used by this node.

Remarks

Inherited from

NodeProps.cachePaddingTop

children?

optional children?: SignalValue<ComponentChildren>

Defined in: 2d/src/lib/components/Node.ts:71

Inherited from

NodeProps.children

clip?

optional clip?: SignalValue<boolean>

Defined in: 2d/src/lib/components/Layout.ts:193

columnGap?

optional columnGap?: SignalValue<Length>

Defined in: 2d/src/lib/components/Layout.ts:93

composite?

optional composite?: SignalValue<boolean>

Defined in: 2d/src/lib/components/Node.ts:121

Inherited from

NodeProps.composite

compositeOperation?

optional compositeOperation?: SignalValue<GlobalCompositeOperation>

Defined in: 2d/src/lib/components/Node.ts:122

Inherited from

NodeProps.compositeOperation

direction?

optional direction?: SignalValue<FlexDirection>

Defined in: 2d/src/lib/components/Layout.ts:82

filters?

optional filters?: SignalValue<Filter[]>

Defined in: 2d/src/lib/components/Node.ts:91

Inherited from

NodeProps.filters

fontFamily?

optional fontFamily?: SignalValue<string>

Defined in: 2d/src/lib/components/Layout.ts:96

fontSize?

optional fontSize?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:97

fontStyle?

optional fontStyle?: SignalValue<string>

Defined in: 2d/src/lib/components/Layout.ts:98

fontWeight?

optional fontWeight?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:99

gap?

optional gap?: SignalValue<Length>

Defined in: 2d/src/lib/components/Layout.ts:94

grow?

optional grow?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:84

height?

optional height?: SignalValue<Length>

Defined in: 2d/src/lib/components/Layout.ts:63

justifyContent?

optional justifyContent?: SignalValue<FlexContent>

Defined in: 2d/src/lib/components/Layout.ts:88

key?

optional key?: string

Defined in: 2d/src/lib/components/Node.ts:76

Inherited from

NodeProps.key

layout?

optional layout?: LayoutMode

Defined in: 2d/src/lib/components/Layout.ts:59

left?

optional left?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:147

The position of the left edge of this node.

Remarks

This shortcut property will set the node’s position so that the left edge ends up in the given place. If present, overrides the NodeProps.position property.

letterSpacing?

optional letterSpacing?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:101

lineHeight?

optional lineHeight?: SignalValue<Length>

Defined in: 2d/src/lib/components/Layout.ts:100

margin?

optional margin?: SignalValue<PossibleSpacing>

Defined in: 2d/src/lib/components/Layout.ts:74

marginBottom?

optional marginBottom?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:71

marginLeft?

optional marginLeft?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:72

marginRight?

optional marginRight?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:73

marginTop?

optional marginTop?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:70

maxHeight?

optional maxHeight?: SignalValue<LengthLimit>

Defined in: 2d/src/lib/components/Layout.ts:65

maxWidth?

optional maxWidth?: SignalValue<LengthLimit>

Defined in: 2d/src/lib/components/Layout.ts:64

middle?

optional middle?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:120

The position of the center of this node.

Remarks

This shortcut property will set the node’s position so that the center ends up in the given place. If present, overrides the NodeProps.position property. When offset is not set, this will be the same as the NodeProps.position.

minHeight?

optional minHeight?: SignalValue<LengthLimit>

Defined in: 2d/src/lib/components/Layout.ts:67

minWidth?

optional minWidth?: SignalValue<LengthLimit>

Defined in: 2d/src/lib/components/Layout.ts:66

offset?

optional offset?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:109

offsetX?

optional offsetX?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:107

offsetY?

optional offsetY?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:108

opacity?

optional opacity?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:90

Inherited from

NodeProps.opacity

padding?

optional padding?: SignalValue<PossibleSpacing>

Defined in: 2d/src/lib/components/Layout.ts:80

paddingBottom?

optional paddingBottom?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:77

paddingLeft?

optional paddingLeft?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:78

paddingRight?

optional paddingRight?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:79

paddingTop?

optional paddingTop?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:76

position?

optional position?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Node.ts:80

Inherited from

NodeProps.position

ratio?

optional ratio?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:68

ref?

optional ref?: ReferenceReceiver<any>

Defined in: 2d/src/lib/components/Node.ts:70

Inherited from

NodeProps.ref

right?

optional right?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:156

The position of the right edge of this node.

Remarks

This shortcut property will set the node’s position so that the right edge ends up in the given place. If present, overrides the NodeProps.position property.

rotation?

optional rotation?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:81

Inherited from

NodeProps.rotation

rowGap?

optional rowGap?: SignalValue<Length>

Defined in: 2d/src/lib/components/Layout.ts:92

scale?

optional scale?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Node.ts:84

Inherited from

NodeProps.scale

scaleX?

optional scaleX?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:82

Inherited from

NodeProps.scaleX

scaleY?

optional scaleY?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:83

Inherited from

NodeProps.scaleY

shaders?

optional shaders?: PossibleShaderConfig

Defined in: 2d/src/lib/components/Node.ts:126

Experimental

Inherited from

NodeProps.shaders

shadowBlur?

optional shadowBlur?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:94

Inherited from

NodeProps.shadowBlur

shadowColor?

optional shadowColor?: SignalValue<PossibleColor>

Defined in: 2d/src/lib/components/Node.ts:93

Inherited from

NodeProps.shadowColor

shadowOffset?

optional shadowOffset?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Node.ts:97

Inherited from

NodeProps.shadowOffset

shadowOffsetX?

optional shadowOffsetX?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:95

Inherited from

NodeProps.shadowOffsetX

shadowOffsetY?

optional shadowOffsetY?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:96

Inherited from

NodeProps.shadowOffsetY

shrink?

optional shrink?: SignalValue<number>

Defined in: 2d/src/lib/components/Layout.ts:85

size?

optional size?: SignalValue<PossibleVector2<Length>>

Defined in: 2d/src/lib/components/Layout.ts:106

skew?

optional skew?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Node.ts:87

Inherited from

NodeProps.skew

skewX?

optional skewX?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:85

Inherited from

NodeProps.skewX

skewY?

optional skewY?: SignalValue<number>

Defined in: 2d/src/lib/components/Node.ts:86

Inherited from

NodeProps.skewY

spawner?

optional spawner?: SignalValue<ComponentChildren>

Defined in: 2d/src/lib/components/Node.ts:75

Deprecated

Use children instead.

Inherited from

NodeProps.spawner

tagName?

optional tagName?: keyof HTMLElementTagNameMap

Defined in: 2d/src/lib/components/Layout.ts:60

textAlign?

optional textAlign?: SignalValue<CanvasTextAlign>

Defined in: 2d/src/lib/components/Layout.ts:104

textDirection?

optional textDirection?: SignalValue<CanvasDirection>

Defined in: 2d/src/lib/components/Layout.ts:103

textWrap?

optional textWrap?: SignalValue<TextWrap>

Defined in: 2d/src/lib/components/Layout.ts:102

top?

optional top?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:129

The position of the top edge of this node.

Remarks

This shortcut property will set the node’s position so that the top edge ends up in the given place. If present, overrides the NodeProps.position property.

topLeft?

optional topLeft?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:165

The position of the top left corner of this node.

Remarks

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 NodeProps.position property.

topRight?

optional topRight?: SignalValue<PossibleVector2>

Defined in: 2d/src/lib/components/Layout.ts:174

The position of the top right corner of this node.

Remarks

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 NodeProps.position property.