# Checkbox

O componente do tipo <mark style="color:blue;">checkbox</mark> deve ser utilizado quando o criador do tema disponibiliza ao usuário a seleção múltipla em uma lista de opções. Abaixo é possível visualizar a aparência deste campo.

<figure><img src="/files/HXxssjCfMRrFebB5lIj8" alt=""><figcaption><p><strong>Exibição do campo checkbox</strong></p></figcaption></figure>

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json
{
    "label": "Nome do campo",
    "type": "checkbox",
    "description": "Descrição do campo",
    "field": "nome_do_campo_1",
    "content": "Conteúdo da opção do checkbox"
}    
```

{% endcode %}

**Para mais de um nível de checkbox, adicionar uma nova chave com a estrutura:**

{% code overflow="wrap" %}

```json
{
    "type": "checkbox-adicional",
    "field": "nome_do_campo_2",
    "content": "Conteúdo da opção do checkbox"
}    
```

{% endcode %}

**Estrutura do campo como o exemplo acima:**

```json
{
    "label": "Título do campo de checkbox",
    "type": "checkbox",
    "description": "Descrição do campo para escolha da sua opção", 
    "field": "campo_checkbox_op1",
    "content": "Texto da primeira opção"
},
{
    "type": "checkbox-adicional",
    "field": "campo_checkbox_op2",
    "content": "Texto da segunda opção"
},
{
    "type": "checkbox-adicional",
    "field": "campo_checkbox_op3",
    "content": "Texto da terceira opção"
},
{
    "type": "checkbox-adicional",
    "field": "campo_checkbox_op4",
    "content": "Texto da quarta opção"
}
```

<table><thead><tr><th width="211">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>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>content</td><td>Conteúdo da opção do checkbox</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/checkbox.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.