> For the complete documentation index, see [llms.txt](https://partners.tray.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/novo/estrutura/componentes/checkbox.md).

# 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>