Reference

@sushindustries/ui

An inline mention that carries a hover card with the target's own summary.

Last updated Aug 17, 20265 min read
View as MarkdownEdit on GitHub

Composing it

Every element inside is a <span>, on purpose - a reference lives inside a paragraph, and a <div> inside a <p> is markup the HTML parser will hoist out from under it. Nest Ref in running text, not as a block on its own.

When not to use it

When the target isn't already known - Ref never fetches, it only displays whatever ReferenceReferenceAn inline mention that carries a hover card: title, summary and meta for the thing it names, raised by CSS alone.@sushindustries/ui · content object it's handed. A mention that needs a network call to resolve its title and summary belongs in a loader, not in this component.

Used byMarkdown ViewMarkdown ViewRenders Markdown with callouts, CSS-only tabs, custom blocks and highlighted code.@sushindustries/ui · content