`FootnoteReferencePopover.js` Demo

Required attributes only

<a class="js-footnote-reference-popover" href="#footnote-1">[1]</a>

text text ^[1] text text

All attributes & Style customization

<a
  class="js-footnote-reference-popover"
  href="#footnote-2"
  data-popover-label="Note"
  data-popover-class="my-popover"
  data-popover-hide-text="Popover Close"
  data-popover-hide-image-src="./popover-close.svg"
  data-popover-hide-image-width="18"
  data-popover-hide-image-height="18"
  data-mouseenter-delay="1000"
  data-mouseleave-delay="1000"
>[2]</a>

text text ^[2] text text

[1] footnotes1 Link1
[2] footnotes2 text text Link1 text Link2 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text