Components / Onboarding and feedback / Source note
F8 · Onboarding and feedback
Source note
A block that names the example set and the date it was fixed.
<section class="card">
<h3>Where the numbers come from</h3>
<p>Figures on this page are synthetic.</p>
<p class="sub num">Source: local example set, fixed 27 Oct 2026.</p>
</section>
The single-file button copies a document with the stylesheet and script inlined.
When to use
- A page shows numbers.
- Readers need to know the numbers are an example.
When not to use
- The page has no figures.
- The source is already the only line on the page.
Usage
<section class="card">
<h3>Where the numbers come from</h3>
<p>Figures on this page are synthetic.</p>
<p class="sub num">Source: local example set, fixed 27 Oct 2026.</p>
</section>
Variants
The preview shows the form used in the gallery.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| source | text | — | Name of the set and the fixed date. |
| scope | sentence | — | What the figures are not. |
Keyboard
| Key | Action |
|---|---|
| Tab | Moves past the block. |
Accessibility
- The heading names the block.
- The date uses tabular numbers.
Motion
- No motion.
Pattern origin
Pattern type: a source and disclaimer block.