Skip to main content

Interface: UIStyle

Defined in: src/ui/UIElement.ts:30

Extends​

Properties​

:active?​

optional :active: UIStateStyle

Defined in: src/ui/UIElement.ts:87

:disabled?​

optional :disabled: UIStateStyle

Defined in: src/ui/UIElement.ts:88

:focus?​

optional :focus: UIStateStyle

Defined in: src/ui/UIElement.ts:89

:hover?​

optional :hover: UIStateStyle

Defined in: src/ui/UIElement.ts:86

alignItems?​

optional alignItems: "center" | "flex-start" | "flex-end" | "stretch"

Defined in: src/ui/UIElement.ts:39

alignSelf?​

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

Defined in: src/ui/UIElement.ts:40

backgroundColor?​

optional backgroundColor: Paint

Defined in: src/ui/UIElement.ts:22

Inherited from​

UIStateStyle.backgroundColor

borderAlign?​

optional borderAlign: StrokeAlign

Defined in: src/ui/UIElement.ts:80

borderColor?​

optional borderColor: Paint

Defined in: src/ui/UIElement.ts:25

Inherited from​

UIStateStyle.borderColor

borderRadius?​

optional borderRadius: number

Defined in: src/ui/UIElement.ts:27

Inherited from​

UIStateStyle.borderRadius

borderWidth?​

optional borderWidth: number

Defined in: src/ui/UIElement.ts:26

Inherited from​

UIStateStyle.borderWidth

bottom?​

optional bottom: UIPosition

Defined in: src/ui/UIElement.ts:47

color?​

optional color: ColorRepresentation

Defined in: src/ui/UIElement.ts:23

Inherited from​

UIStateStyle.color

columnGap?​

optional columnGap: number

Defined in: src/ui/UIElement.ts:53

display?​

optional display: "none" | "flex"

Defined in: src/ui/UIElement.ts:81

dropShadowBlur?​

optional dropShadowBlur: number

Defined in: src/ui/UIElement.ts:76

dropShadowColor?​

optional dropShadowColor: Paint

Defined in: src/ui/UIElement.ts:75

dropShadowFalloff?​

optional dropShadowFalloff: number

Defined in: src/ui/UIElement.ts:79

dropShadowPosition?​

optional dropShadowPosition: UIVector2

Defined in: src/ui/UIElement.ts:77

dropShadowSpread?​

optional dropShadowSpread: number

Defined in: src/ui/UIElement.ts:78

flexBasis?​

optional flexBasis: number | "auto"

Defined in: src/ui/UIElement.ts:43

flexDirection?​

optional flexDirection: "row" | "column"

Defined in: src/ui/UIElement.ts:37

flexGrow?​

optional flexGrow: number

Defined in: src/ui/UIElement.ts:41

flexShrink?​

optional flexShrink: number

Defined in: src/ui/UIElement.ts:42

fontSize?​

optional fontSize: number

Defined in: src/ui/UIElement.ts:64

fontWeight?​

optional fontWeight: number | "bold" | "normal" | "medium"

Defined in: src/ui/UIElement.ts:65

gap?​

optional gap: number

Defined in: src/ui/UIElement.ts:51

height?​

optional height: UIUnit

Defined in: src/ui/UIElement.ts:32

innerShadowBlur?​

optional innerShadowBlur: number

Defined in: src/ui/UIElement.ts:71

innerShadowColor?​

optional innerShadowColor: Paint

Defined in: src/ui/UIElement.ts:70

innerShadowFalloff?​

optional innerShadowFalloff: number

Defined in: src/ui/UIElement.ts:74

innerShadowPosition?​

optional innerShadowPosition: UIVector2

Defined in: src/ui/UIElement.ts:72

innerShadowSpread?​

optional innerShadowSpread: number

Defined in: src/ui/UIElement.ts:73

justifyContent?​

optional justifyContent: "center" | "flex-start" | "flex-end" | "space-between"

Defined in: src/ui/UIElement.ts:38

left?​

optional left: UIPosition

Defined in: src/ui/UIElement.ts:48

lineHeight?​

optional lineHeight: UILineHeight

Defined in: src/ui/UIElement.ts:67

Like CSS: numbers multiply fontSize; use px or % strings for explicit units.

margin?​

optional margin: number

Defined in: src/ui/UIElement.ts:59

marginBottom?​

optional marginBottom: number

Defined in: src/ui/UIElement.ts:62

marginLeft?​

optional marginLeft: number

Defined in: src/ui/UIElement.ts:63

marginRight?​

optional marginRight: number

Defined in: src/ui/UIElement.ts:61

marginTop?​

optional marginTop: number

Defined in: src/ui/UIElement.ts:60

maxHeight?​

optional maxHeight: number

Defined in: src/ui/UIElement.ts:36

maxWidth?​

optional maxWidth: number

Defined in: src/ui/UIElement.ts:35

minHeight?​

optional minHeight: number

Defined in: src/ui/UIElement.ts:34

minWidth?​

optional minWidth: number

Defined in: src/ui/UIElement.ts:33

objectFit?​

optional objectFit: "fill" | "contain" | "cover"

Defined in: src/ui/UIElement.ts:83

opacity?​

optional opacity: number

Defined in: src/ui/UIElement.ts:24

Inherited from​

UIStateStyle.opacity

overflow?​

optional overflow: "visible" | "hidden"

Defined in: src/ui/UIElement.ts:82

padding?​

optional padding: number

Defined in: src/ui/UIElement.ts:54

paddingBottom?​

optional paddingBottom: number

Defined in: src/ui/UIElement.ts:57

paddingLeft?​

optional paddingLeft: number

Defined in: src/ui/UIElement.ts:58

paddingRight?​

optional paddingRight: number

Defined in: src/ui/UIElement.ts:56

paddingTop?​

optional paddingTop: number

Defined in: src/ui/UIElement.ts:55

position?​

optional position: "relative" | "absolute"

Defined in: src/ui/UIElement.ts:44

optional right: UIPosition

Defined in: src/ui/UIElement.ts:46

rowGap?​

optional rowGap: number

Defined in: src/ui/UIElement.ts:52

textAlign?​

optional textAlign: "left" | "right" | "center"

Defined in: src/ui/UIElement.ts:68

textOverflow?​

optional textOverflow: "clip" | "ellipsis"

Defined in: src/ui/UIElement.ts:85

top?​

optional top: UIPosition

Defined in: src/ui/UIElement.ts:45

transform?​

optional transform: UITransform

Defined in: src/ui/UIElement.ts:49

verticalAlign?​

optional verticalAlign: "top" | "bottom" | "middle"

Defined in: src/ui/UIElement.ts:69

whiteSpace?​

optional whiteSpace: "normal" | "nowrap" | "pre-line"

Defined in: src/ui/UIElement.ts:84

width?​

optional width: UIUnit

Defined in: src/ui/UIElement.ts:31

zIndex?​

optional zIndex: number

Defined in: src/ui/UIElement.ts:50