> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Botão

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/botao.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=f9f0ee6ac891ffbf8d2951f3b4e5b3c6" width="1250" height="900" data-path="images/botao.png" />

O elemento Botão permite direcionar o usuário para outra parte do quiz, seja avançando etapas, abrindo seções ou navegando por âncoras. Ele é essencial para ações manuais e interações simples com o usuário.

**Para que serve**

* Avançar para a próxima página do quiz.

* Navegar para uma âncora dentro da mesma página.

* Criar chamadas para ação personalizadas (ex: “Ver Resultado”, “Começar de novo”, “Continuar”).

**O que você pode configurar**

**Título:**

* Texto exibido no botão (ex: “Continuar”).

**Âncora:**

* Quando ativado, transforma o botão em um atalho para outro componente da página.

**Destacar:**

* Aumenta o destaque visual do botão (o botão permanece fixo na tela, mesmo descendo ou subindo a página).

**Animação:**

* Escolha como o botão vai aparecer (ex: Aparecer ou Pulsar).

**Cores personalizadas:**

* Foco: cor de fundo do botão.

* Borda de foco: contorno do botão.

* Texto: cor do texto do botão.

**Dica de uso!**

Use o Botão para guiar a navegação do quiz de forma clara. Para experiências mais dinâmicas, combine a função de âncora com animações leves. Se quiser chamar mais atenção para ele, ative a opção "Destacar" e personalize as cores.
