# Radio

O componente do tipo <mark style="color:blue;">radio</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;">select</mark>, porém, indica-se ser utilizado quando há menos de 3 opções. Abaixo é possível visualizar a aparência deste campo.

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

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json
{
    "label": "Título do campo radio",
    "type": "radio",
    "description": "Descrição do campo de opções",
    "field": "nome_do_campo_radio",
    "options": [{
        "value": "Valor left",
        "content": "Opção 01 string riscada",
        "style": true, 
        "description": "Descrição da opção 01",
        "url": "http://images.tcdn.com.br/theme_editor/1132188/draft.png"
    },
    {
        "value": true,
        "content": "Opção 02 boolean",
        "style": false,
        "description": "Descrição da opção 02",
        "url": "http://images.tcdn.com.br/theme_editor/1132188/icon-draft.png"
    },
    {
      "value": 500,
      "content": "Opção 03 number simples sem imagem",
      "description": "Descrição da opção 02"
    },
    {
      "value": [1, 2, 3],
      "content": "Opção 04 array simples sem imagem e descrição"
    }]            
}
```

{% endcode %}

<table><thead><tr><th width="206">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 radio</td></tr></tbody></table>

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

<table><thead><tr><th width="227">Atributo</th><th>Descrição</th><th data-hidden></th></tr></thead><tbody><tr><td>value</td><td>Valor da opção</td><td></td></tr><tr><td>content</td><td>Conteúdo da opção</td><td></td></tr><tr><td>style</td><td>Estilo da opção<br>Aplica o estilo do texto como rasurado, caso não houver, não utilizar essa chave</td><td></td></tr><tr><td>description</td><td>Descrição da opção<br>Caso não houver, deixar vazio ou não utilizar</td><td></td></tr><tr><td>url</td><td>URL da opção<br>Caso não houver, deixar vazio ou não utilizar</td><td></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/radio.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.