Options
The Citation supports opening its destination in a new tab and can be placed on its own or inline within body text.Open in New
Passtarget="_blank" to open the citation in a new tab. That also renders a trailing external-link icon labeled “opens in a new tab” and sets rel="noopener noreferrer" unless you supply a rel. Omit target for on-page citations that scroll to a same-page sources list — the icon is omitted in that case.
Inline
Citations sit inline within body text, immediately after the claim they support.Behavior
The Citation responds to hover and keyboard focus like any other link.Visual States
Hover shifts the pill to the informative (blue) intent. Keyboard focus draws a ring around the whole pill.Usage Guidelines
When to Use
Use the Citation when:- Attributing agent content to a source – A claim in an agent response needs a visible source.
- Citing inline – Place the Citation immediately after the claim it supports.
- Linking to an external source – The original source opens in a new tab.
- Pointing to a sources list on the same page – The Citation scrolls to a sources list and stays in the current tab.
When not to use
Avoid using the Citation for:- Navigating to a page or location that isn’t a source – Use the Link instead.
- Triggering an action – Use the Button instead.