Legacy component
Editorial reflection
Large legacy reflection treatment.
Legacy.
Retained for existing courses only. Do not select for new work.
Live preview
Light background shown; verify against a tinted or dark surface where the component is used that way in course.
Use when / avoid when
Use when
- Existing courses only, for backwards compatibility.
Avoid when
- Any new work — use the native reflection block, a compact approved panel, or Self-assessment where a rating table is genuinely needed.
Anatomy
- Eyebrow (.isq-reflection-editorial__eyebrow)
- Panel (.isq-reflection-editorial__panel)
- Content (.isq-reflection-editorial__content)
- Footer (.isq-reflection-editorial__footer)
States
Responsive behaviour
Not actively maintained.
Accessibility
- Not actively maintained — do not treat as a verified accessible baseline.
Implementation
Type: custom-html
Dependencies: Production CSS only.
Code
HTML
Classes used: .isq-reflection-editorial, .isq-reflection-editorial__content, .isq-reflection-editorial__eyebrow, .isq-reflection-editorial__footer, .isq-reflection-editorial__footer-title, .isq-reflection-editorial__panel
Governance metadata
| Owner | Design and development steward |
|---|---|
| Status | Legacy |
| Version introduced | 1.0.0 |
| Last reviewed | 2026-07 |
| Known limitations |
|