# Text Area

### Overview

The **Text Area Web Control** captures a longer amount of text than the [Text Input](text-input-web-control) Web Control. It is used to capture longer sentences or paragraphs.

![organizing info](https://1191388742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhOn9CLWoV9VfJeM5EDAa%2Fuploads%2Fgit-blob-6d2d814d592397d2d38db01eb85105c3486a1649%2Ftext-area-web-control-v1715-0.png?alt=media)

### General

In the General Tab of the Inspector section, the Text Area’s Control Properties and Style can be defined.

#### Control Properties

**Placeholder Text**

The text that is displayed in the input’s box until the user starts typing.

#### Advanced Control Properties

**Maximum Length**

Determines the maximum number of characters for the input.&#x20;

**Show Remaining Characters**

This property is a checkbox. When checked, it lets users see the remaining characters while typing.

#### Data Binding

**Value**

By default, this Data Binding property auto-generates a Variable of type Text at the Web Page level to store the data from the input.&#x20;

Users can also edit the Data Binding property and create their own Variables.

![organizing info](https://1191388742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhOn9CLWoV9VfJeM5EDAa%2Fuploads%2Fgit-blob-5dfb39211ea60fbae36e47f0087b631e0f0a9006%2Ftext-area-web-control-v1715-1.png?alt=media)

#### Style and theming

This component has style [Variants](https://docs.airkit.ai/?q=working-with-themes-and-control-variants) for the following states:

* Default - When first rendered without a state.
* Disabled - When the Text Area is disabled.
* Focused - When the Text Area is focused.

Most [Web Controls](web-controls-overview) have a common set of styling properties.

### Actions

In the Actions Tab of the Inspector section, the Text Area’s actions can be defined.

**Value Changed**

It gets updated with each typed character. That is, with a text input, the Value changes every time a key is pressed, unlike a [Checkbox](checkbox-web-control), where its Value changes when the box is selected.

Please check out [Action Builder](../studio/action-builder) to find all the available actions.

### Advanced

In the Advanced Tab of the Inspector section, the conditions under which this Web Control is visible can be defined by setting a specific parameter.

**Is Visible**

The Is Visible property is a conditional field, which allows you to show or hide the field depending on whether the set condition is met. The condition will always evaluate to a [Boolean.](../variable-data-types/the-boolean-variable-data-type)

#### Example 1:

The Text Area Input can be used when asking App users to leave comments:

![organizing info](https://1191388742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhOn9CLWoV9VfJeM5EDAa%2Fuploads%2Fgit-blob-6d2d814d592397d2d38db01eb85105c3486a1649%2Ftext-area-web-control-v1715-0.png?alt=media)
