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

# Alert

O componente do tipo <mark style="color:blue;">alert</mark> deve ser utilizado quando o criador do tema expressa alguma informação ao usuário de caráter importante. Abaixo é possível visualizar a aparência deste campo.&#x20;

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

{% hint style="info" %}
Esse alerta deve ser usado com moderação para evitar a banalização do mesmo. Como forma de substituição, é possível colocar essas informações dentro da descrição dos componentes.&#x20;
{% endhint %}

**Estrutura padrão do campo:**

```json
{
    "label": "Título do campo de alerta com link",
    "type": "alert",
    "description": "Descrição do alerta.",
    "field": "alert_1",
    "link": "Clique aqui para visualizar o site.",
    "url": "https://demo-partners-theme.commercesuite.com.br/"
},
{
    "label": "Título do campo de alerta",
    "type": "alert",
    "description": "Descrição do alerta simples sem link.",
    "field": "alert_2"
}
```

<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>link</td><td>Texto descritivo sobre o link <br>Campo opcional</td></tr><tr><td>url</td><td>URL do link<br>Campo opcional</td></tr></tbody></table>
