# Email

O componente do tipo <mark style="color:blue;">email</mark> deve ser utilizado quando o criador do tema disponibiliza ao usuário a inserção e/ou modificação de um e-mail dentro do tema. A única diferença desse campo para o <mark style="color:blue;">text</mark> é que ele terá o processo de validação no momento de input do usuário, aferindo uma maior segurança. Abaixo é possível visualizar a aparência deste campo e sua validação.

<figure><img src="/files/K0ZZkbV7u15LKrPn40BT" alt=""><figcaption><p><strong>Exibição do campo e-mail</strong> </p></figcaption></figure>

<figure><img src="/files/Vd4elrxSCTv1YL4xZrk2" alt=""><figcaption><p><strong>Exibição do campo e-mail preenchido</strong></p></figcaption></figure>

<figure><img src="/files/xoQoRtM83g9Mp6PlYyQc" alt=""><figcaption><p><strong>Exibição do campo e-mail com a validação realizada</strong></p></figcaption></figure>

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json
{
    "label": "Título do campo de email",
    "type": "email",
    "description": "Descrição do campo",
    "placeholder": "Como deve ser o email inserido",
    "field": "nome_do_campo_email", 
    "validation": "required:true|max:1000"
}
```

{% endcode %}

<table><thead><tr><th width="199">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>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/email.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.