Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProAn inline source marker for AI answers, shown as a numbered chip or a site pill, that opens a preview card with the title, excerpt and link on hover or focus.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
import { Citation } from "@/components/ui/citation"<p>
Extent is measured by satellite
<Citation
index={1}
sources={{
title: "How sea ice is measured",
url: "https://example.org/sea-ice",
}}
/>
.
</p>| Prop | Type | Default | Description |
|---|---|---|---|
sources | CitationSource | CitationSource[] | - | The source, or several sources for one claim. Several add a pager to the card. |
index | number | 1 | Number in the marker. Ignored by the pill variant. |
variant | "number" | "pill" | "number" | number is a small chip like [1]. pill shows the site name with a +N count. |
Also accepts <a> props except href and children.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Page title. |
url | string | - | Link to the page. |
snippet | string | - | Short excerpt for the card. |
site | string | - | Shown instead of the host name. |
favicon | string | - | Icon URL. Without it a colored letter is drawn and nothing is fetched. |
date | string | - | Publication date as text. |
SourceFavicon and hostOf(url).