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.
tsimport {Citation} from '@astryxdesign/core/Citation'
| 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. |
Citations embedded within a paragraph of text, showing how they flow inline with surrounding content.
A list of citation sources with icons, as you might show at the end of an AI-generated response or article footer.