Skip to content
YAGE Logo YAGE

LayoutProps

Defined in: ui/src/types.ts:101

Common layout props every element can accept (applied to its Yoga node).

Extended by

Section titled “Extended by”

Properties

Section titled “Properties”

alignSelf?

Section titled “alignSelf?”

optional alignSelf?: "stretch" | "auto" | "flex-start" | "center" | "flex-end" | "baseline"

Defined in: ui/src/types.ts:114

flexBasis?

Section titled “flexBasis?”

optional flexBasis?: LayoutValue

Defined in: ui/src/types.ts:113

flexGrow?

Section titled “flexGrow?”

optional flexGrow?: number

Defined in: ui/src/types.ts:111

flexShrink?

Section titled “flexShrink?”

optional flexShrink?: number

Defined in: ui/src/types.ts:112

height?

Section titled “height?”

optional height?: LayoutValue

Defined in: ui/src/types.ts:103

margin?

Section titled “margin?”

optional margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }

Defined in: ui/src/types.ts:108

maxHeight?

Section titled “maxHeight?”

optional maxHeight?: LayoutValue

Defined in: ui/src/types.ts:107

maxWidth?

Section titled “maxWidth?”

optional maxWidth?: LayoutValue

Defined in: ui/src/types.ts:105

minHeight?

Section titled “minHeight?”

optional minHeight?: LayoutValue

Defined in: ui/src/types.ts:106

minWidth?

Section titled “minWidth?”

optional minWidth?: LayoutValue

Defined in: ui/src/types.ts:104

visible?

Section titled “visible?”

optional visible?: boolean

Defined in: ui/src/types.ts:121

width?

Section titled “width?”

optional width?: LayoutValue

Defined in: ui/src/types.ts:102