> For the complete documentation index, see [llms.txt](https://docs.incari.com/incari-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.incari.com/incari-studio/objects-and-types/scene2d-objects/gui/textarea.md).

# Text Area

The **Text Area** **Object** allows the user to add multiline text with a background to their **Project**. It can be completely customized in the [**Attributes**](#attributes).

![Text Area.](/files/kr4IJKLirMNtRgZmfivO)

## Attributes

The **Object's** **Attributes** can be used to fully customize the **Object**. Explained below, they are:

* [**Transformation**](#transformation)
* [**Text Area**](#text-area)
* [**Text**](#text)
* [**Font**](#font)
* [**Style**](#style)
* [**Tag**](#tag)

### Transformation

![Transformation Attributes.](/files/Na5y4I0J9wxuiQFpmsfp)

The `Transformation` **Attributes** deal with placement, rotation, and size in *XY* space. More information can be found [here](/incari-studio/objects-and-types/attributes/common-attributes/transformation.md).

### Text Area

![Text Area Attributes.](/files/7Ybx75vPE8WM5DQXpTLD)

The `Text Area` **Attributes** provide crucial data for a **Text Area Object**.

There are two ways the `Text Area` Attribute can be incorporated in the **Object**. That is either as `Static Text` or `Translation`. This can be switched using the text or translation icons to the right, in that order.

![Static Text and Translation.](/files/rlHM6TOVaqi568k8xIln)

#### Static Text

![Static Text Attributes.](/files/9DgqUFLJFGi39OliO04j)

When `Static Text` is selected, the **Attributes** are:

* `Text` is the text itself which will be displayed in the **Text Area**.
* `Word Wrap` can be enabled and disabled. When it is enabled, the text fits within the confines of the **Text Area**. If disabled, the text will be in one line and may run off the **Text Area**, causing some text to not be visible. In this case, please adjust the dimensions of the **Text Area**.

#### Translation

![Translation Attributes.](/files/UNUnioKijpWn3jeX4AC1)

When `Translation` is selected, the **Attributes** are:

* `Translation` lets the user choose the key of the current language (which is established in the [**Project Settings**](/incari-studio/modules/project-settings/localization.md)). In the image above, the selected key is `phrase`.
* `Word Wrap` can be enabled and disabled. When it is enabled, the text fits within the confines of the **Text Area**. If disabled, the text will be in one line and may run off the **Text Area**, causing some text to not be visible. In this case, please adjust the dimensions of the **Text Area**.

### Text

![Text Attributes.](/files/VRkAMxgJVQFnjbLWJ4vO)

The **Text Attributes** offer the user options to customize the **Text**:

* `Line height (%)` determines the placement of the text within the text box.
* `Color` decides the color of the text.

### Font

![Font Attributes.](/files/BA9WuJEQ2UwBlVOENvmD)

The **Font Attributes** offer the user options to customize the **Text Area's** font. Please note that while **Text Areas** are capable of handling [*variable fonts*](/incari-studio/modules/project-settings/fonts.md#variable-fonts), only the default style will be used, as the configurable **Attributes** are not available for this **Object**.

* `Family` offers two different font types: `Manrop` and `Source Code Pro`. More fonts can be added by the user in [**Project Settings**](/incari-studio/modules/project-settings/fonts.md).
* `Size` determines the size of the font in pixels.

### Style

![Style Attributes.](/files/Az5mMrYiCbTkXXvLNraA)

The **Style Attributes** offer the user options to customize further visual aspects of the **Text Area**:

* The `Background Color` is the color of the **Text Area** box which appears behind the text.
* `CSS Classes` contain the *CSS* class names of the **Object**.
* `Stylesheet` contains the *CSS* stylesheet of the **Object**. This can override any stylesheet provided in the [**Project Settings**](/incari-studio/modules/project-settings/style.md) or a [**Scene2D**](/incari-studio/objects-and-types/project-objects/scene2d.md). To address these in the **Logic**, please refer to the [**Object 2D Nodes**](/incari-studio/toolbox/incari/object2d.md).

### Tag

![Tag Attributes.](/files/ly2k7Co6xC9D4aL93xjs)

This **Attribute** manages the *tags* for the **Text Area**. See more on *tags* [here.](/incari-studio/objects-and-types/attributes/common-attributes/tag.md)