Brickslab.Toolsv2.1.1

@brickslab./ui-webQuiz

Question-by-question answer review with correct/incorrect feedback and correction display.

Review mode

What is your primary role?
Your answer
dev
Rate overall satisfaction (1–5)
Your answer
4
What could we improve?
Your answer
Better documentation would help.
Which features do you use?
Your answer
a, b

Correction mode

What is your primary role?Correct
Your answer
dev
+10 pts
Rate overall satisfaction (1–5)Incorrect
Your answer
4
Correct answer
5
The expected answer was 5.
+0 pts
What could we improve?Correct
Your answer
Better documentation would help.
+5 pts
Which features do you use?Incorrect
Your answer
a, b
Correct answer
a
Only feature A was expected.

Props

PropTypeDéfautRequisDescription
questionsQuestion[]—✓Array of question definitions.
answersAnswerMap—✓Map of questionId → Answer.
correctionsCorrectionMap——Map of questionId → { correct, correctAnswer?, feedback?, points? }.
mode"review" | "correction""review"—Review shows answers only. Correction shows correct/incorrect feedback.
Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  questions={[]}
  answers={...}
  corrections={...}
  mode="review"
/>
questionsanswerscorrectionsmode

Usage

tsx
import { AnswerReview } from "@brickslab./ui-web";

<AnswerReview
  questions={quiz.questions}
  answers={userAnswers}
  corrections={serverCorrections}
  mode="correction"
/>