Content component
Key message
Isolates one point a learner should retain.
Live preview
A parent must be both able and willing to protect the child.
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
- One legal threshold, definition or critical reminder — one to three sentences.
Avoid when
- Routine supporting detail, or several messages stacked in one panel.
Anatomy
- Callout with a left rule
- Message text
States
Responsive behaviour
No structural change; stacks naturally.
Accessibility
- Not colour-dependent — the rule is a secondary visual cue, the text carries the meaning.
Implementation
Type: custom-html
Dependencies: Production CSS only.
Code
HTML
A parent must be both able and willing to protect the child.
Classes used: .isq-callout, .isq-body
Governance metadata
| Owner | Design and development steward |
|---|---|
| Status | Core |
| Version introduced | 1.0.0 |
| Last reviewed | 2026-07 |
| Known limitations | None recorded. |