# Asset Brush The Asset Brush node allows you to use the "Slate Brush" asset created in the Reality Editor in Reality Setup. AssetBrush node has a single output and you only can set it to SlateBrush variable. ### Adding Slate Brush Asset Open Reality Editor and create a **Slate Brush** from ADD NEW → User Interface → Slate Brush or access it via right click in empty area of content browser and choose it from component menu.
### Configuration Slate Brush * Open SlateBrush asset and configure it. * Save changes.
### Exporting Slate Brush Asset * Open project settings from. * Open Exports tab which under Reality title.
### Creating Widget Blueprint * Open Reality Editor and create a Slate Brush from ADD NEW → User Interface → Widget Blueprint or access it via right click in empty area of content browser and choose it from component menu.
### Changing Parent Class of Widget Blueprint and Exporting * Open up Widget Blueprint. * Click Graph Tab. * Open the Class Settings. * Change "Parent Class" as ZDRealityWidget from "Details Panel".
* Open project settings from . * Open Exports tab which under Reality title. * Add "MyWidgetBlueprint" to Widget Class
### Adding component to Widget Blueprint * For this tutorial we will add an image component and we will set Asset Brush node to the brush of image. * Add an Image component from Palette under Common Section.
* Open Graph tab. * Add a slate brush variable. Click eye icon to make it public. * Your variables should be looking like the below image.
### Adding Custom Event * Add a custom event to the graph. And set the script as shown in the below image.
This event will set "MySlateVariable" to brush of "MyImage" variable. ### Exporting Custom Event * Open Class Defaults of Widget Blueprint.
* Add "SetMyLogo" event to "Reality Events" under Details.
### Using Asset Brush in Reality Setup * Click PLAY button of editor. * Open Reality Setup Application. * Add ASSET BRUSH from Create → UMG * Set Brush of "AssetBrush" class.
* Add UMGRENDERER from Create → UMG → UMG Renderer. * Set UMGRENDERER class.
* Connect nodes as shown in the below image.
### Result * Click UMGRenderer Node and execute SetMyLogo function.