Skip to content
{% footnote %}
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

{% footnote %}

Valid Parent Contexts

This tag is valid inside: {% article %}

Rules

Rule Force Realm Reference Description
footnote-inline-placement should global β€” Place inline inside paragraph text, immediately after the word or clause it annotates. Block-level placement (as a standalone tag between paragraphs) is parsed correctly but produces an isolated superscript, which is visually awkward.
authoring
footnote-text-only must global β€” Footnote body is plain text only. Markdown formatting (bold, italics, links) is not rendered in the collected footnote list.
authoringrendering
footnote-no-include must global β€” Articles do not support . Fragment inlining could inject footnotes from external sources, breaking the sequential numbering contract. Articles are self-contained documents.
authoring

\{% footnote %\} has no attributes. The body is the footnote text (plain text only β€” Markdown is not rendered).

Rendering mechanics

  1. Each \{% footnote %\} is replaced inline with a superscript number link: <sup><a href="#fn-\{article-id\}-N">[N]</a></sup>
  2. Numbering is sequential per article (1, 2, 3, …).
  3. All footnote content is collected and rendered at the bottom of the page, below an <hr />, as an ordered list with back-links:
<ol class="footnotes">
<li id="fn-{article-id}-1">…content… <a href="#fnref-…">↩</a></li>
</ol>
  1. DOM IDs are prefixed with the article id (e.g. fn-market-research-1) to prevent collisions across pages.

Astro component: ArticleFootnotes.astro

Two inline footnotes inside paragraph text
tagfootnotearticle footnote-tag-inline
Honour withdrawal as a valid regulatory strategy{% footnote %}This is contentious
in the literature. Gottman sees stonewalling as destructive, but Johnson frames
temporary withdrawal as a legitimate self-regulation strategy when followed by
re-engagement.{% /footnote %} β€” our design should support time-bounded withdrawal.
People in intimate relationships need to feel free{% footnote %}Freedom here means
both the freedom to express difficult emotions *and* the freedom to not be
optimised.{% /footnote %} β€” our tool should expand their repertoire.