Footnotes

Use footnotes to add details or context about something without distracting from the main content. We recommend using hover-activated footnotes, but you can also use plain text.

Hover-activated footnotes

To add hover-activated footnotes, use the following syntax:

This is a sentence with a footnote.¹

Footnotes

1. A footnote adds details or context. ↩

This is a sentence with a footnote.[^1]

[^1]: A footnote adds details or context.

With this type of footnote, you can add the numbers to the MDX file in any order and they will still display in numerical order on the page.

The hover ability of this type of footnote is powered by tippy.js ↗.

Plain text footnotes

To add plain text footnotes, use the syntax in this example:

This is a sentence with a footnote.¹

¹ A footnote adds details or context.

This is a sentence with a footnote.<sup>1</sup>

<sup>1</sup> A footnote adds details or context.

With this type of footnote, you can add the footnote note anywhere on the page. We recommend adding it to the bottom of the section or table where the footnote is referenced or to the bottom of the page.