Perplexity-style inline citation: a superscript chip that reveals the source title and snippet on hover or keyboard focus. Use it to attribute individual claims inside a response; use Sources for the footer list.

npx slipstream-ui@latest add inline-citation
Hover or focus the chip
Assistant
Placeholder — content rendered below.
Most enterprises now run LLM features in production State of AI 202678% of enterprises shipped at least one LLM-powered feature in production..

Props

PropTypeDefaultDescription
sourceSourceItem—Cited source powering the preview card.
childrenReactNode—Wrapped text; defaults to the source title.

Accessibility

  • Trigger is a focusable button; the card opens via focus-within.
  • Card has role=tooltip linked by aria-describedby.
  • Keep inline citations one-per-claim; long lists belong in Sources.