PendingUpdateNotice
Generated from front/ui/catalogue/examples/PendingUpdateNotice.json
learning · static (no JavaScript) · no children. All components: component playground.
Description for the model
Section titled “Description for the model”Opt-in marker on a lesson whose source changed and whose update is under review (‘The source of this lesson changed on {date}; an update is under review’). Shown only when the course turned it on. 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": "PendingUpdateNotice", "props": { "since": "2026-10-09T10:00:00Z" }}| Prop | Type | Required | Notes |
|---|---|---|---|
since |
string (date-time) | ISO 8601 date the source changed. max length 40 | |
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.
The source of this lesson changed on 9 October 2026; an update is under review.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).
{ "since": 5}Issues:
/sinceexpected string, got integer
Rendered as:
The source of this lesson changed; an update is under review.Accessibility
Section titled “Accessibility”axe-core: 9 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.