# Quiz question

Quiz question: a free component, built on your design tokens, to use in a learning or trivia app, for one question at a time. One quiz question: a progress bar and lives, the question with a photo, four answers that select, a Check button, and then the right or wrong state with the answer marked and a short explanation.

Prompt: Add the OpenDesigner component quiz-question to this project: https://opendesigner.dev/library/r/quiz-question.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: unanswered, selected, correct, wrong, disabled, hover, focus.

Accessibility: The answers are a native radio group with a hidden legend; Check stays disabled until one is picked, the result is announced as a status with its explanation, and the quiz progress is a progressbar.

File: https://opendesigner.dev/library/r/quiz-question.html