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

# Quiz

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

O elemento Quiz é a base para criar perguntas interativas com múltiplas opções de resposta, combinando textos e imagens ou textos e emojis. É essencial para personalizar a experiência do usuário e coletar dados importantes durante o funil.

**Para que serve**

* Criar perguntas com uma ou várias opções de resposta.

* Exibir opções com texto, imagem, emojis ou ambos.

* Coletar respostas do usuário para gerar diagnósticos, perfis ou redirecionamentos personalizados.

**O que você pode configurar**

**Layout**

* Colunas: escolha entre 1 ou 2 colunas de exibição.

* Modelo: exiba somente texto, somente imagem, texto e imagem ou texto e emoji.

* Posicionamento: defina se a imagem fica acima ou abaixo do texto.

* Alinhamento: centralize ou alinhe o texto à esquerda ou à direita.

* Animação: defina como as opções do quiz aparecem (ex: Aparecer).

* Checkbox: escolha essa opção para exibir um marcador circular de seleção na esquerda ou na direita do quiz.

* Múltipla Escolha: habilite se o usuário pode marcar mais de uma alternativa.

**Opções (Botões de resposta)**

* Título: texto principal exibido no botão.

* Subtítulo: texto complementar (opcional).

* Imagem: carregue uma imagem para ilustrar cada opção.

* Emoji: permite que o usuário selecione emojis personalizados da biblioteca do XQuiz.

* Cores personalizadas: personalize a cor de fundo, borda e texto do botão.

**Salvar resultado em variável**

Use este campo para armazenar a resposta escolhida e usá-la mais tarde no quiz. Por exemplo, você pode guardar o gênero, a idade ou as preferências da pessoa para personalizar o resultado final ou direcionar o conteúdo.

Pense na variável como uma "etiqueta" que guarda o que o usuário respondeu.

**Dica de uso!**

Use o elemento Quiz para tornar sua página mais dinâmica e interativa. Combine imagens com textos, ou textos com emojis para tornar as opções mais visuais e engajadoras. Se quiser segmentar o resultado com base nas escolhas, lembre-se de salvar as respostas em variáveis!
