Citation · astryx-svelte

Citation @astryx-svelte/core v0.3.0 · Citation

Usage

Citations display inline references to external sources. Use them to attribute information within AI-generated responses, articles, or anywhere provenance and source links are needed.

ts
 
import { Citation } from '@astryx-svelte/core';

Best practices

Guidance	Practices
Do	Use the label variant when the source title adds meaningful context for the reader.
Do	Use the number variant for compact inline references within body text, like footnotes.
Don't	Mix label and number variants in the same paragraph. Pick one style per context for visual consistency.

Examples

Common configurations, variations, and states.

Citation — Inline Text

Citations embedded within a paragraph of text, showing how they flow inline with surrounding content.

Citation — Source List

A list of citation sources with icons, as you might show at the end of an AI-generated response or article footer.