Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA footnote reference that opens its note in a popover beside the number instead of jumping to the end of the page.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it in long-form articles where losing the reading position matters. Keep a notes list at the end too for print and for people who prefer it.
Do not use it when: the note is long (more than a paragraph) or has its own links and figures.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
n | number | required | The footnote number. |
children | ReactNode | required | The note. |
The reference is a button named "Footnote n"; the note opens in a dialog popover that traps nothing and closes on Escape or outside click; focus returns to the reference.
The pattern ships with a test (footnote-popover.test.tsx). It covers open, content and Escape.