@modoki/engine / index / UIElement

Variable: UIElement

const UIElement: Trait<{ alignItems: "center" | "flex-start" | "flex-end" | "stretch"; alignSelf: "auto" | "center" | "flex-start" | "flex-end" | "stretch"; backgroundColor: number; backgroundOpacity: number; borderColor: number; borderOpacity: number; borderRadius: number; borderWidth: number; elementType: "div" | "input" | "range"; flexDirection: "column" | "row"; flexGrow: number; flexShrink: number; flexWrap: "nowrap" | "wrap"; fontFamily: string; fontSize: number; fontStyle: "normal" | "italic"; fontWeight: "bold" | "normal"; gap: number; height: number; heightUnit: UILengthUnit; imageMode: "fill" | "none" | "cover" | "contain"; imageSrc: string; isVisible: boolean; justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around"; letterSpacing: number; lineHeight: number; marginBottom: number; marginBottomUnit: UILengthUnit; marginLeft: number; marginLeftUnit: UILengthUnit; marginRight: number; marginRightUnit: UILengthUnit; marginTop: number; marginTopUnit: UILengthUnit; maxHeight: number; maxHeightUnit: UILengthUnit; maxLines: number; maxWidth: number; maxWidthUnit: UILengthUnit; minHeight: number; minHeightUnit: UILengthUnit; minWidth: number; minWidthUnit: UILengthUnit; opacity: number; overflow: "scroll" | "hidden" | "visible"; paddingBottom: number; paddingBottomUnit: UILengthUnit; paddingLeft: number; paddingLeftUnit: UILengthUnit; paddingRight: number; paddingRightUnit: UILengthUnit; paddingTop: number; paddingTopUnit: UILengthUnit; placeholder: string; rangeMax: number; rangeMin: number; rangeStep: number; text: string; textAlign: "center" | "left" | "right"; textColor: number; textOpacity: number; textOverflow: "clip" | "ellipsis"; textShadowBlur: number; textShadowColor: number; textShadowOffsetX: number; textShadowOffsetY: number; textShadowOpacity: number; textStrokeColor: number; textStrokeOpacity: number; textStrokeWidth: number; width: number; widthUnit: UILengthUnit; zIndex: number; }>

UIElement — consolidated UI trait: layout, style, text, and image.