# Textarea

O componente do tipo <mark style="color:blue;">textarea</mark> deve ser utilizado quando o criador do tema disponibiliza ao usuário a inserção e/ou modificação de um texto dentro do tema. O uso dele é muito similar ao <mark style="color:blue;">text</mark>, porém, ele é indicado para situações que há uma necessidade de um texto com maior número de caracteres. Abaixo é possível visualizar a aparência deste campo.

<figure><img src="/files/a1vL51khMiIooIJGwHKm" alt=""><figcaption><p><strong>Exibição do campo textarea sem e com ícone</strong></p></figcaption></figure>

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json
{
    "label": "Título do campo de texto em área sem ícone",
    "type": "textarea",
    "description": "Descrição do campo", 
    "placeholder": "Como deve ser o texto inserido",
    "field": "nome_do_campo_textarea", 
    "validation": "required:true|min:10|max:1000"
},
    
{
    "label": "Título do campo de texto em área",
    "type": "textarea",
    "description": "Descrição do campo",
    "placeholder": "Como deve ser o texto inserido",
    "icon": "comment-dots",
    "field": "nome_do_campo_textarea2",
    "validation": "required:true|min:10|max:1000"
}
```

{% endcode %}

<table><thead><tr><th width="192">Atributo</th><th>Descrição</th></tr></thead><tbody><tr><td>label</td><td>Título do campo</td></tr><tr><td>type</td><td>Tipo do campo</td></tr><tr><td>description</td><td>Descrição do campo <br>Caso não houver, deixar vazio</td></tr><tr><td>placeholder</td><td>Texto exemplificando como deve ser o texto inserido<br>Caso não houver, deixar vazio</td></tr><tr><td>icon</td><td>Ícone a ser utilizado Caso não houver, não é preciso utilizar essa chave</td></tr><tr><td>field</td><td>Campo utilizado no tema para exibir o item desejado. <br>Esse nome deve ser exatamente igual ao campo criado no tema</td></tr><tr><td>validation</td><td>Validações do campo <br>Caso não houver campo obrigatório, deixar como "validation": "required:false" Os limites min e max são validações opcionais para a quantidade de caracteres mínimos e máximos permitidos nesse campo</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/novo/estrutura/componentes/textarea.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.