# Answer with citations

Answer with citations: a free component, built on your design tokens, to use for an assistant's answer that cites its sources. One assistant turn: the question, an answer still being written with numbered citations, the sources it cites with page numbers, and copy, retry and rating actions.

Prompt: Add the OpenDesigner component chat-answer to this project: https://opendesigner.dev/library/r/chat-answer.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: streaming, citation focused, copied, rated up, rated down, hover, focus.

Accessibility: The turn is aria-busy while writing and says so in a status; each citation link names its source and page and moves focus to it; every action button has a name and the ratings use aria-pressed.

File: https://opendesigner.dev/library/r/chat-answer.html