---
title: Component Decorator
description: "Inherit from UObject Related Classes - ULayoutComponent - UComponentDecorator - SLayoutComponent ## SUMMARY A decorator contains the information needed to draw textures, material or other effects. In general, a decorator is an FSlateBrush containing an object such as a texture,…"
url: "https://www.lostingamestudio.com/documentation/touch-interface-designer/decorator/decorator-layer/"
updated: "2025-12-22"
category: Touch Interface Layout / Decorator
---

# Component Decorator

Inherit from UObject

 Related Classes

- ULayoutComponent
- UComponentDecorator
- SLayoutComponent

## SUMMARY

A decorator contains the information needed to draw textures, material or other effects. In general, a decorator is an FSlateBrush containing an object such as a texture, material or render target.

## WHEN TO USE IT?

This is the basic decorator. If you simply want an image or a material, this is the one to use.

## SIZE

The size of a decorator is based on the size of the component's geometry. By default, decorators have a size that matches the geometry's fill size. You can adjust the decorator's size by increasing or decreasing the size percentage.

Let's say the component's size is 150 slate units (SU).

- If **Size** is set to 100%, then the decorator is 150 SU.
- If **Size** is set to 150%, then the decorator is 225 SU.
- If **Size** is set to 50%, then the decorator is 75 SU.

## DRAW TYPE

The draw type allows you to define when this decorator is drawn. There are three options available:

- **Pressed**: Draw only when component is pressed.
- **Released**: Draw only when component is not pressed.
- **Both**: Always draw

By using this option, you can make your interface simpler and more minimalist without sacrificing the user experience.

## ZORDER

By default, the layout component draws decorators in hierarchical order. Therefore, decorators lower in the hierarchy are drawn later and are thus displayed before those higher up. You can force a decorator to be drawn before or after others based on its ZOrder value. The higher the ZOrder value, the later the decorator will be drawn.

## ALIGNMENT

Decorators are slate widgets contained within an overlay. You can define their alignment within this overlay.

## ANIMATIONS

You can animate decorators with a Component Decorator Animation. For example, you can animate their size or rotation. Currently, this feature is experimental, and Touch Interface Designer integrates two types of animation: size and rotation. You can, of course, create your own. For more information, see [Component Decorator Animation](https://www.lostingamestudio.com/documentation/touch-interface-designer/decorator/component-decorator-animation/).

## HOW TO MODIFY DECORATOR?

**Get Instance**

To retrieve the instance, you can use the functions ***Get Decorator By Name***, ***Get Decorator By Index***, or ***Get Decorator By Class*** functions in the layout component. If you know the instance type, you can directly use ***Get Decorator As Flipbook***, ***Get Decorator As Blur***, etc.

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/GetDecoratorAndCast-1024x258.png)

![](https://www.lostingamestudio.com/wp-content/uploads/2025/03/GetDecoratorAs-1024x289.png)

**Modify Properties**

Then you can directly modify the public properties or use the available functions.

Some modifications will require a complete rebuild.