CitationChip

Perplexity-style baseline-aligned citation pill. Numeric or badge variants, hover-syncs with SourceCard.

Inspired by Perplexity inline citations, Granola transcript footnote chips.

Preview

What it looks like.

Local-first AI products typically use shared-memory architectures rather than discrete-GPU systems, because the latency cost of PCIe transfers dominates inference at single-batch.

Inline with hover-active

…architectures rather than…

Usage

Drop it into your app.

import { CitationChip } from '@locara/components'

<p>The argument is straightforward<CitationChip number={1} sourceTitle="apple.com" href="https://apple.com/m3-ultra" />.</p>

Or copy the source into your repo: locara add citation-chip