Sources
Sources and citations in an answer. Pro · AI chat and agents › Answers and artifacts
The sources behind an answer, numbered to match its Citation chips.
Installation
npx valyro-cli@latest login
npx valyro-cli@latest add sourcesnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Sources } from 'valyro-ui-pro';Props
| Prop | Type | Default | |
|---|---|---|---|
sources * | CitationSource[] | Cited pages, numbered from 1 in order to match the Citation chips; each opens in a new tab. | |
variant | 'list' | 'row' | 'list' | list: a collapsible "12 sources" strip over a numbered list. row: scrollable source cards. Default list. |
open | boolean | Expanded state of the list strip. | |
defaultOpen | boolean | false | Initial open when uncontrolled. |
onOpenChange | (open: boolean) => void | Called with the new open when it changes. | |
locale | string | BCP 47 locale for dates; defaults to the ThemeProvider's. | |
labels | Partial<SourcesLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Related components
- Answer Card — Perplexity-style answer with sources
- Artifact Panel — Artifact panel next to the chat
- Diff Review — Review AI edits hunk by hunk
- AI Chat Window — AI chat window
- Chat Message — Messages with streaming output
- Message Branches — Message versions and a conversation branch tree
- Streaming Text — Smooth token streaming
- Markdown Preview — Rendered Markdown
- Response Feedback — Answer rating and a rubric for reviewers
- Prompt Composer — Prompt field with attachments
- Inline Suggestion — Inline autocomplete suggestion
- Model Selector — AI model picker
Previous: Memory Panel · Next: Answer Card · All AI chat and agents