# Text

The **Text** element allows you to add a simple text area field into your calculator for extra notes.

### Element Tab

The Text element has the following attributes in the Element tab:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FvylLokjZN6dhSDkHIags%2F1.png?alt=media&#x26;token=b826624b-a95e-4967-b74d-6901b8826484" alt=""><figcaption></figcaption></figure>

* **Name** - Title of the element
* **Placeholder** - The input text that will be initially shown in this element
* **Description** - Description of the element
* **Max. Number of Characters** - You can define the maximum number of characters a user can input

### Settings Tab

The Text element has the following attributes in the Settings tab:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FU0XMRIo49KMvEpz5mJeH%2F2.png?alt=media&#x26;token=01af8404-7a2f-4391-b613-9178db90c74d" alt=""><figcaption></figcaption></figure>

* **Hidden by Default** - The element will be hidden until a corresponding [condition](https://docs.stylemixthemes.com/cost-calculator-builder/conditional-system/condition-actions#id-1.-hidden-by-default) is met
* **Additional Classes** - Add extra classes to the HTML elements to further style changes
* **Required** - You can make the field required

### Example of Using Text Element

Below you can see the example of the Text Element in the Graphic Designing template:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FsYmIPTxbNIdCqQMwhQrr%2F3.png?alt=media&#x26;token=73d188a3-6b1c-40e3-bccf-b35629eb9529" alt=""><figcaption></figcaption></figure>

How it will look on the user’s page:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F8LEd9hKfkUGuw0WVjqJd%2F4.png?alt=media&#x26;token=741f3b4e-8135-4864-878a-72dc0dab26a6" alt=""><figcaption></figcaption></figure>