# Text Input

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

![Text Input.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-721d04f379d59ce7c5bb6c643d641abaf5030dbe%2Ftextinputexample.png?alt=media)

## Attributes

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

* [**Transformation**](#transformation)
* [**Text**](#text)
* [**Text Input**](#text-input)
* [**Code**](#code)
* [**Tag**](#tag)

### Transformation

![Transformation Attributes.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-8e01966a0680631670dfceea5929a0f31e4bc812%2Ftextinputattstransformation.png?alt=media)

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

### Text

![Text Attributes.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-cdb32020d189175aab3819a54d328fee636e9b20%2Ftextinputattstext.png?alt=media)

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

* `Font family` offers three different font types: `monospace`, `sans-serif`, and `serif`. More fonts can be added by the user in [**Project Settings**](https://docs.incari.com/incari-studio/2023.1/modules/project-settings/fonts).
* `Font size (px)` determines the size of the font in pixels.
* `Font color` decides the color of the text.

### Text Input

![Text Input Attributes.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-14dd563930f62c2ff93bcd732bfae64b8e2a7c2e%2Ftextinputattstextinput.png?alt=media)

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

* `Text Area` is simply the desired text.
* `Max Length` is the maximum number of characters of the text. When this number is reduced, the characters that fall after that index are deleted. Increasing the number will not bring back these characters once removed.
* The `Background Color` is the color of the **Text Input** box which appears behind the text.

### Code

![Code Attributes.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-3e0c8c793b094cde31dfa86e772e4caafa616ab7%2Fbuttonattscode.png?alt=media)

The `Code` **Attributes** allow for more customizability. This can override any stylesheet provided in the [**Project Settings**](https://docs.incari.com/incari-studio/2023.1/modules/project-settings/style) or a [**Scene2D**](https://docs.incari.com/incari-studio/2023.1/objects-and-types/project-objects/scene2d).

To address these in the **Logic**, please refer to the [**Object 2D Nodes**](https://docs.incari.com/incari-studio/2023.1/toolbox/incari/object2d).

* `Class names` contain the *CSS* class names of the **Object**.
* `Stylesheet` contains the *CSS* stylesheet of the **Object**.

### Tag

![Tag Attributes.](https://2628349686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwnv17cpjDin2deSlOz0z%2Fuploads%2Fgit-blob-dc4f375e34ce9bdd2bebc3e93ff34c8680ab55bb%2Fbuttonattstag.png?alt=media)

This **Attribute** manages the *tags* for the **Text Input**. See more on *tags* [here.](https://docs.incari.com/incari-studio/2023.1/objects-and-types/attributes/common-attributes/tag)