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.
Morpha UI ports AI Elements onto Base UI and Cupido tokens, so it fits the design system.
$ npx morpha-ui add inline-citationInstallation
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