Citation
VerifiedA superscript marker that links to its source and previews it on hover.
Revenue grew 12% last year.1
When to use
- Use when
- A numbered source marker inside generated text.
- Avoid when
- A list of everything the answer used; use Sources.
Installation
The source lands in src/components/ui/citation.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.
Usage
Built on
- Packages
@stylexjs/stylex- Shelf items
foundations, Hover Card,utils- Figma
- Optional native Figma library. See Designers.
Verified
- Size
- 1.1 kB gzipped on its own, 32 kB with the Shelf items and packages it builds on. JS and CSS in a production build, without React.
- Accessibility
- Axe passes on 2 stories
- Behavior
- 2 interaction tests in Storybook
- React Compiler
- Compiles with React Compiler
- React Doctor
- React Doctor finds nothing