Inline Citation
An inline reference chip that reveals its sources on hover.
Overview
InlineCitation marks a claim inline with a tonal reference chip (host + a "+N"
overflow). On hover, a card carousels through the cited sources — title, URL, and
description. Pair it with Sources for the
full citation list under the answer.
$ npx morpha-ui add inline-citationMorpha UI ports AI Elements onto Base UI and Cupido tokens, so it fits the design system.
Installation
Distributed via the Morpha CLI: npx morpha-ui add inline-citation. Ported
from AI Elements onto the kit's HoverCard +
Carousel.
npx morpha-ui add inline-citationAPI Reference
Prop
Type