Quiz

Komponent quizu przedstawiający sekwencję komponentów pytania.

Opcje

• confidence | boolean: czy wyświetlać skalę Likerta z zapytaniem o pewność odpowiedzi użytkownika. Default: false.
• forceConfidence | boolean: kontroluje, czy użytkownik musi dostarczyć poziom zaufania przed przejściem do następnego pytania. Default: false.
• count | number: liczba pytań do uwzględnienia w quizie. Default: none.
• questions | array (required): szereg pytań, z których pytania będą wybierane losowo. Default: none.
• active | boolean: kontroluje, czy licznik czasu dla quizu jest aktywny. Default: true.
• duration | number: czas trwania quizu (w minutach); po upłynięciu czasu wyświetlona zostanie strona podsumowująca. Default: none.
• skippable | boolean: sprawdza, czy pytania w quizie są możliwe do pominięcia. Default: true.
• footerNodes | array: szereg węzłów, które mają być wyświetlane w stopce każdego pytania. Default: [].
• nextLabel | string: etykieta przycisku do przejścia do następnego pytania. Default: none.
• provideFeedback | boolean: kontroluje, czy po zakończeniu quizu uczniowie mają mieć możliwość pokazania informacji zwrotnej na temat poprawności swoich odpowiedzi. Default: true.
• showFinishButton | boolean: kontroluje, czy należy wyświetlić przycisk do zakończenia quizu i przejść bezpośrednio do strony wyników. Default: false.
• finishLabel | string: etykieta przycisku do zakończenia quizu. Default: none.
• downloadButton | boolean: kontroluje, czy ma być wyświetlany przycisk do pobierania odpowiedzi. Default: true.
• repeatable | boolean: określa, czy quiz może być powtarzany. Default: false.
• onFinished | function: wywołanie zwrotne wywołane po zakończeniu quizu i wyświetleniu strony z wynikami. Default: onFinished() {}.
• onSubmit | function: wywołanie zwrotne, gdy użytkownik udziela odpowiedzi. Default: onSubmit() {}.

Przykłady

• Minimal
• Subset of Questions
• Not Skippable
• Confidence Check

Edytor na żywo

<Quiz questions={[ <FreeTextQuestion question="What is the capital of France?" rows={1} solution="Paris" />, <FreeTextQuestion question="What is the capital of Poland?" rows={1} solution="Warsaw" /> ]} />

<Quiz
    questions={[
        <FreeTextQuestion 
            question="What is the capital of France?" 
            rows={1} 
            solution="Paris" 
        />,
        <FreeTextQuestion 
            question="What is the capital of Poland?" 
            rows={1} 
            solution="Warsaw" 
        />
    ]}
/>

Wynik

ReferenceError: Provider is not defined