# Text O componente do tipo text 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. Ele pode ter dois formatos: sem o ícone ou com o ícone. Abaixo é possível visualizar a aparência deste campo em suas variações.

**Exibição do campo text sem e com ícone**

**Estrutura padrão do campo:** {% code overflow="wrap" %} ```json { "label": "Título do campo de texto sem icone", "type": "text", "description": "Descrição do campo", "placeholder": "Como deve ser o texto inserido", "field": "nome_do_campo_text", "validation": "required:true|min:10|max:30" }, { "label": "Título do campo de texto", "type": "text", "description": "Descrição do campo", "placeholder": "Como deve ser o texto inserido", "icon": "whatsapp", "field": "nome_do_campo_text2", "validation": "required:true|min:10|max:30" } ``` {% endcode %}

Atributo	Descrição
label	Título do campo
type	Tipo do campo
description	Descrição do campo Caso não houver, deixar vazio
placeholder	Texto exemplificando como deve ser o texto inserido Caso não houver, deixar vazio
icon	Ícone a ser utilizado Caso não houver, não é preciso utilizar essa chave
field	Campo utilizado no tema para exibir o item desejado. Esse nome deve ser exatamente igual ao campo criado no tema
validation	Validações do campo 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

#### Exemplos de exibição sem ícone:

**Exibição do campo com a validação realizada**

#### Exemplos de exibição com ícone:

**Exibição do campo text sendo preenchido**

**Exibição do campo text com a validação realizada**

--- # 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/text.md?ask= ``` 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.