Sources · Components

what an answer is based on · numbered chips · [n] in text → inline citations · previews in a Sheet

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Cite whenever the answer uses the person’s data or a document. Stream the answer with stripCitations, then show CitedText and SourceList once it is complete.

API

<CitedText text="… [1]" sources={[{ title, meta?, snippet?, href? }]} /><SourceList sources />

Get it

Already in every copy of the native kit:

import { SourceList, CitedText, stripCitations } from '@/components/kit/sources';

Details

Exports: SourceList, CitedText, stripCitations
Source: apps/mobile/components/kit/sources.tsx
Packages: lucide-react-native@^1.21.0
Installs with: @kit-native/icon, @kit-native/lib-utils, @kit-native/sheet, @kit-native/text
Also searched as: citations, references, footnotes, grounding
Registry JSON: /r/native/sources.json

The web kit's real component, live. Follows this site's theme.

Usage

Cite whenever the answer uses the person’s data or a document. Stream the answer with stripCitations, then show CitedText and SourceList once it is complete.

API

<CitedText text="… [1]" sources={[{ title, meta?, snippet?, href? }]} /><SourceList sources />

Get it

Already in every copy of the web kit:

import { SourceList, CitedText, stripCitations } from '@/components/kit/sources';

Details

Exports: SourceList, CitedText, stripCitations
Source: apps/web/components/kit/sources.tsx
Packages: cn@^0.4.0, lucide-react@^1.52.0
Installs with: popover
Also searched as: citations, references, footnotes, grounding
Registry JSON: /r/web/sources.json

Agents: the whole registry is at /llms.txt.