CitationChip
Compact source marker rendered for a citation. Clicking opens a popover with the source title, snippet, and a policy-checked outbound link — wired up automatically by StreamingMarkdown, or usable standalone for reference lists.
01 Examples
Standalone source footer
Numeric vs. label
Wired up by StreamingMarkdown
Self-attention replaced recurrence in sequence models
.02 Accessibility
Descriptive trigger label
A bare "[1]" tells a screen reader nothing, so the trigger's aria-label defaults to Source {index}: {title} (or Source: {title} with no index). Override it
with the label prop when you need different wording.
Named popover
The chip opens a Popover; the same aria-label lands on the panel, so the opened dialog
is named rather than anonymous. Keyboard and focus behaviour (open, close on Escape, focus return) come from the underlying
Popover primitive.
Policy-checked link
The outbound link runs the same strict urlPolicy as the streaming-markdown engine. A blocked
or absent URL yields no link at all — only the title and snippet — so untrusted source URLs
can never smuggle a dangerous scheme into the popover.
04 API Reference
No matching properties |