Citation

Agent chat · src/components/Citation/Citation.tsx

A reference to where something came from.

No href, no link. A citation that jumps to the top of the page is worse than none: it teaches a reader that the sources in this product do not go anywhere, and then they stop checking any of them.

The accessible name is composed from the index and the title, so a screen reader announces "Source 3: the Q3 filing" rather than "3".

Import

import { Citation } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
source	React.ReactNode	Where it came from, short: a publication, a file name.
title	string	The full title. Becomes the tooltip and part of the accessible name.
index	number | string	Its number in the answer's source list.
href	string	Omit it and this renders as text, not a link.
className	string