> 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/select.md).

# Select

O componente do tipo <mark style="color:blue;">select</mark> deve ser utilizado quando o criador do tema disponibiliza ao usuário a seleção única em uma lista limitada de opções. Seu uso é similar ao componente <mark style="color:blue;">radio</mark>, porém, indica-se ser utilizado quando há mais de 3 opções. Abaixo é possível visualizar a aparência deste campo.

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

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json
{
    "label": "Titulo do campo select",
    "type": "select",
    "description": "Descrição do campo",
    "field": "nome_do_campo_select",
    "options": [
        {
            "value": "Valor top",
            "content": "Opção 01 string"
        },
        {
            "value": false,
            "content": "Opção 02 boolean"
        },
        {
            "value": 1000,
            "content": "Opção 03 number"
        },
        {
            "value": ["Texto 01", "Texto 02"],
            "content": "Opção 03 array"
        }
    ]
}
```

{% endcode %}

<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>options</td><td>Opções do componente select</td></tr></tbody></table>

Dentro do **`options`** do componente **`select`**, temos outros elementos a serem configurados, segue descrição abaixo:

<table><thead><tr><th width="216">Atributo</th><th>Descrição</th></tr></thead><tbody><tr><td>value</td><td>Valor da opção</td></tr><tr><td>content</td><td>Conteúdo da opção</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.