logo svelte /markdown v1.6.0
FIG-001/ COMPONENT

component renderers.

Pair the built-in FootnoteRef + FootnoteSection components through the renderers prop. Best for long-form / academic writing that needs consistent footnote styling across pages.

  • markedFootnote() extension parses [^id] references + [^id]: text definitions into linked footnote tokens.
  • Built-in FootnoteRef + FootnoteSection give you superscript reference numerals and a backlink from the definition list.
  • Best for long-form / academic writing where footnote styling should stay identical across every page.
↩ all examples
override · component mode · live running source

Footnotes

Footnotes let you add references without cluttering the main text.

Here is a statement1 that needs a citation. You can also use named footnotesnote for clarity.

Multiple references2 can appear throughout the document, and they all link to the definitions at the bottom.

Technical Writing

When documenting APIs, footnotesapi help explain edge cases without breaking the flow of the main content.

  1. This is the first footnote with a numeric identifier. ↩

  2. Named footnotes use descriptive identifiers instead of numbers. ↩

  3. Multiple footnotes are collected into a single section at the end. ↩

  4. API footnotes can reference external documentation or implementation details. ↩

category · component
sheet · sheet 01 / 02
⟳ to re-run
FIG-002/ SNIPPET

snippet overrides.

Inline {#snippet footnoteRef} + {#snippet footnoteSection} blocks let one page own its footnote markup — bracketed reference style and a chip-labelled definition list, all in one file.

  • Inline {#snippet footnoteRef} + {#snippet footnoteSection} keep the bidirectional links but let one page own its markup.
  • Demo here swaps superscript for [n] bracketed references and a chip-labelled definition list — all per-page, no shared component.
↩ all examples
override · inline snippets mode · live running source

Footnotes

Footnotes let you add references without cluttering the main text.

Here is a statement[1] that needs a citation. You can also use named footnotes[note] for clarity.

Multiple references[2] can appear throughout the document, and they all link to the definitions at the bottom.

Technical Writing

When documenting APIs, footnotes[api] help explain edge cases without breaking the flow of the main content.

Footnotes

  1. 1 This is the first footnote with a numeric identifier. ↩
  2. note Named footnotes use descriptive identifiers instead of numbers. ↩
  3. 2 Multiple footnotes are collected into a single section at the end. ↩
  4. api API footnotes can reference external documentation or implementation details. ↩
category · snippet
sheet · sheet 02 / 02
⟳ to re-run

Footnotes