ReattemptNotice
Generated from front/ui/catalogue/examples/ReattemptNotice.json
learning · static (no JavaScript) · no children. All components: component playground.
Description for the model
Section titled “Description for the model”Notice on a quiz where one question was corrected: the previous score stays on record and the learner may retake the quiz once more. It stays until the quiz is retaken. Filled by the app; authors do not place it.
Live example
Section titled “Live example”Rendered from the example props below with the real component. Theme: coffee · oncall · nightsky · gravity · poland · ulam · platform · open on its own
Example
Section titled “Example”{ "component": "ReattemptNotice", "props": { "quizHref": "#quiz" }}| Prop | Type | Required | Notes |
|---|---|---|---|
quizHref |
string (href) | Where the quiz is: an in-page anchor on the quiz topic, or the topic link elsewhere. max length 2048 | |
linkLabel |
string | Label of the link to the quiz. max length 80, default "Go to the quiz" |
|
id |
string | Anchor id for in-page links (letters, digits, dashes). max length 40 |
Text fallback
Section titled “Text fallback”What a text-only client, an unknown renderer or a plain-text channel shows for the example above.
One question was corrected.Your previous score stays on record. Retake it to update your result.Invalid props
Section titled “Invalid props”A node whose props fail the schema never breaks the page: the renderer shows the plain-text fallback instead (and logs the issues in development).
{ "quizHref": 5}Issues:
/quizHrefexpected string, got integer
Rendered as:
One question was corrected.Your previous score stays on record. Retake it to update your result.Accessibility
Section titled “Accessibility”axe-core: 14 rules passed, 0 violations, 0 need manual review. Run at build time on the server-rendered HTML in jsdom. Colour contrast and layout rules need a browser and are covered by the Playwright axe scans of the reference frontend.