handling-colors

SlateColor and LinearColor serve different purposes in ReactUMG. SlateColor is used for UI text and foreground colors in components like TextBlock, while LinearColor handles brush and background colors in Border and Image. Choosing the correct type ensures colors render properly and maintains semantic accuracy in your UI.

Use SlateColor for TextBlock's ColorAndOpacity property and LinearColor for Border's BrushColor property. Each component type requires its corresponding color type to render correctly. Refer to the component-specific property mappings to ensure proper color application across your UI widgets.

ColorUseRule: 0 is mandatory for WidgetStyle to enforce correct color rendering semantics in Unreal Engine. Without this setting, colors may fail to apply or display incorrectly. The rule ensures your color configuration matches UMG's internal validation requirements.

No. Different component properties require specific color types. TextBlock's ColorAndOpacity needs SlateColor, while BrushColor properties need LinearColor. Mixing types causes rendering failures. Check your component's property-to-type mapping to select the correct color type.

SlateColor applies to ColorAndOpacity and ForegroundColor properties in text-based components. LinearColor applies to BrushColor and related background properties in visual components like Border and Image. Each component documents its supported color properties for correct configuration.

Check the component documentation for its specific property-to-type mappings. TextBlock, Button, and similar text components typically use SlateColor for foreground colors, while Border and Image use LinearColor for brush and background colors. The core validation cues guide correct type selection.