Citation

An inline source citation marker.

Large language models are trained on vast text corpora and learn to predict the next token.

import { BuiCitation } from 'ng-blatui';

…next token<bui-citation [index]="1" title="Attention Is All You Need" url="https://arxiv.org/abs/1706.03762" />.

With snippet

The sky appears blue due to the scattering of sunlight.

…appears blue<bui-citation [index]="1" title="Rayleigh scattering" url="…" snippet="Shorter wavelengths scatter more." />.

Multiple

Retrieval-augmented generation grounds output in retrieved documents, reducing hallucination.

…retrieved documents<bui-citation [index]="1" title="RAG" url="…" />, reducing hallucination<bui-citation [index]="2" title="Survey" url="…" />.

API reference

Inputs

Prop	Type	Default	Description
`index`	`number`	`1`	Citation number shown in the inline `[n]` marker.
`title`	`string`	`''`	Source title shown at the top of the popover.
`url`	`string`	`''`	Source URL; its hostname is derived and shown in the popover.
`snippet`	`string`	`''`	Short excerpt from the source shown in the popover.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.