Pular para o conteúdo

Exemplo - Quiz

Quiz

O componente de Quiz permite criar perguntas de múltipla escolha simples para testar o conhecimento do aluno ao final de uma seção.

Exemplo Visual

Pergunta 1

O que significa a sigla HTML?

Pergunta 2

Qual comando é usado para listar arquivos no Linux?

Como Utilizar

Código

{% set myOptions = [
  { text: "Opção A", isCorrect: true, explanation: "Explicação A" },
  { text: "Opção B", isCorrect: false, explanation: "Explicação B" }
] %}

{{ ui.quiz(
  id="quiz-01",
  question="Qual a resposta correta?",
  options=myOptions
) }}

Parâmetros

  • id (obrigatório): ID único para o quiz.
  • question (obrigatório): O texto da pergunta.
  • options (obrigatório): Lista de objetos com text, isCorrect e explanation.
  • correctMessage (opcional): Mensagem de sucesso customizada.
  • incorrectMessage (opcional): Mensagem de erro customizada.