Sources

Usage

Sources discloses the citations an answer used under a muted trigger row of a link glyph and a label. Pass the citations as data:

label is the trigger label, for example "Used 3 sources". The caller counts and formats it.
Each source is a link that opens in a new tab with rel="noopener noreferrer". newTabLabel is the hint announced after each link's name.
A source may carry an icon, drawn before the link in the accent color. Without one the link stands alone.
Sources are keyed by href, so each href appears once.
Closed by default. defaultOpen, open and onOpenChange work as on Collapsible; details.cancel() keeps the current state.
Pressing a link never closes the list: the list is a sibling of the trigger.

Usage

Sources discloses the citations an answer used under a muted trigger row of a link glyph and a label. Pass the citations as data:

label is the trigger label, for example "Used 3 sources". The caller counts and formats it.
Each source is a link that opens in a new tab with rel="noopener noreferrer". newTabLabel is the hint announced after each link's name.
A source may carry an icon, drawn before the link in the accent color. Without one the link stands alone.
Sources are keyed by href, so each href appears once.
Closed by default. defaultOpen, open and onOpenChange work as on Collapsible; details.cancel() keeps the current state.
Pressing a link never closes the list: the list is a sibling of the trigger.