> For the complete documentation index, see [llms.txt](https://academy.theufolab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.theufolab.com/game-editor/components/subcomponents/box.md).

# Box

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2FK4K2YV1MMxaNnCPFqL8m%2FBox.PNG?alt=media&amp;token=f866bc8f-0e70-4c39-a70e-49ce8163e487" alt=""><figcaption></figcaption></figure>

The **Box component** allows you to use a customizable text box, that you can adapt to any style you want

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2Fdznj41g4Ts2cYn4YioI2%2FBox_video_2.gif?alt=media&amp;token=ee9eb8a2-5e82-42b8-9ac6-1dc6b631dcae" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Box component is customizable, this means you can use a custom image for the box and adjust the margins of the text.
{% endhint %}

Click on the component and then on the settings gear icon that will appear in the top menu or double click on the component.

You will see a menu with two set up options: Configuration and Advanced.

### Configuration

By clicking here you can set a custom image to the component.

### Advanced

By clicking here you can change the margins of the text.

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2FeEJ9ITopDUJILCcuntd2%2FBox_video_1.gif?alt=media&amp;token=1e40e75b-bbea-4677-b171-1a820caf9f0d" alt=""><figcaption></figcaption></figure>